vue构建生成根目录文件
2025-04-20 01:21:12
我们在项目中有时会用到根目录或者其他文件,可用webpack来配置
2649
1.在vue.config.js文件中引入copy-webpack-plugin插件
const CopyWebpackPlugin = require(''copy-webpack-plugin'');
2.在module.exports中配置方法
plugins: [ new CopyWebpackPlugin([ { from: path.join(__dirname, ''src/root/logo.ico''), to: path.join(__dirname, ''./dist'') }, { from: path.join(__dirname, ''src/root/robots.txt''), to: path.join(__dirname, ''./dist'') } ]) ]
其中的参数:
- from :定义要拷贝的源文件 from:__dirname+''/src/components''
- to : 定义要拷贝到的目标文件夹 to: __dirname+''/dist''
- toType : file 或者 dir 可选,默认是文件
- force : 强制覆盖前面的插件 可选,默认是文件
- context : 可选,默认base context可用specific context
- flatten : 只拷贝指定的文件 可以用模糊匹配
- ignore : 忽略拷贝指定的文件 可以模糊匹配
- ', 'vue构建生成根目录文件', 'vue使用copy-webpack-plugin生成根目录文件