vue-cli4 多文件打包后 script总是多一层,请问如何解决

image.png
image.png

希望是 src="./elec.js"
image.png
image.png

vue.config.js 的配置

const fileNames = ['elec', 'envi']
const pages = fileNames.reduce((pre, current) => Object.assign(pre, {[current]: `./src/${current}/main.js`}), {})
module.exports = {
    lintOnSave: false,
    productionSourceMap: false,
    devServer: {
        hot: true,
        open: false,
        port: 8282,
    },
    publicPath: '',
    configureWebpack: config => {
        if (process.env.NODE_ENV === "production") {
            config.output.filename = "[name]/[name].js";
        }
    },
    chainWebpack: config => {
        config
            .plugin('html-elec')
            .tap(args => {
                args[0].title = "elec"
 args[0].chunks = ["elec"]
                args[0].filename = 'elec/index.html'
 args[0].inject = true
 return args
            })
        config.plugin('html-envi')
            .tap(args => {
                args[0].title = "envi"
 args[0].chunks = ["envi"]
                args[0].filename = 'envi/index.html'
 args[0].inject = true
 return args
            })
        config.optimization.delete('splitChunks')
    },
    pages
}
阅读 1.8k
1 个回答
config.output.filename = "[name].js"
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题