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

 手机用户2502854967 发布于 2022-11-01 17:19

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?1.2.1", {
        // allChunks: true
    })

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

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

    或者说,强行取消路径:

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

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

    2022-11-02 17:06 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有