vue构建生成根目录文件
我们在项目中有时会用到根目录或者其他文件,可用webpack来配置
vue构建生成根目录文件-MakerLi

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生成根目录文件