Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.5k views
in Technique[技术] by (71.8m points)

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
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
config.output.filename = "[name].js"

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...