Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

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

vue打包从node_module中提取文件到文件夹

### 问题描述
由于chunk-vendors.js过大,分离了部分大的模块,采用了cdn加载,同时做了cdn失效加载本地资源,但这些模块版本改动后,需要手动更改资源,所以想打包时就吧本地资源输出在一个文件夹中

### 问题出现的环境背景及自己尝试过哪些方法
尝试过splitChunk,但好像并没有很好的输出,而且我只需要文件,不需要script引入(已经另写了逻辑)

### 相关代码
css和script文件夹是cdn的本地资源(手动添加的)
image
index.html(页面)
image


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

1 Answer

0 votes
by (71.8m points)

可使用 copy-webpack-plugin 插件

configureWebpack: config => {
    if (!isDev) {
        // 复制依赖
        new CopyWebpackPlugin({
          patterns: [
            { from: 'vue/dist/vue.min.js', to: 'script/vue.min.js', context: "node_modules/" },
            { from: 'vuex/dist/vuex.min.js', to: 'script/vuex.min.js', context: "node_modules/" },
          ]
        })
      )
    }
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...