webpack entry中的name是带路径的,结合ExtractTextPlugin使用时,如何得到不带路径的name

发布于 2022-09-04 08:15:55 字数 621 浏览 24 评论 0

entry如下:

entry: {
    // 名字可以含路径,以用来将打包后的文件放入不同的路径
    'js/index': [
        path.resolve(src, 'index.js') // Your appʼs entry point
    ],
    'js/detail': [
        path.resolve(src, 'detail/detail.jsx') // Your appʼs entry point
    ],
    'lib/eg': [
        path.resolve(src, 'eg/lib.js') // Your appʼs entry point
    ],
  },

而在webpack的plugins中,使用了ExtractTextPlugin,配置是:

new ExtractTextPlugin("css/[name].css", {
        // allChunks: true
    })

最终打包出来的css文件,会被放到css/js/detail.css与,css/js/index.css,多了一级'js/',我想知道如何设置能让css文件统一放到css/*.css这样的路径下

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

七度光 2022-09-11 08:15:55

本来name带路径这个小技巧就是为了实现模块化,让js和css可以归属到同一模块下,我建议你还是改改你打包文件的结构吧

或者说,强行取消路径:

new ExtractTextPlugin("css/[contenthash:8].[name].css")

这样做,文件名是难看了点,不过起码文件层级是随你所愿了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文