vue项目中webpack.dev.conf.js文件中CopyWebpackPlugin的用法

简介: 将单个文件或整个目录复制到构建目录

　　描述: 打包或使用与static同级的文件或文件夹,就需要在CopyWebpackPlugin方法中配置,这样才能访问到此文件,不然会报找不到

实例:

 // 复制到自定义静态源
      new CopyWebpackPlugin([
        {
              // 来自那里(可以是对象，可以是String)
              from: path.resolve(__dirname, '../static'),
              // 走向那里(可以是对象，可以是String)
             to: config.dev.assetsSubDirectory,
              // 忽略此类文件
              ignore: ['.*']
          },
        {
           from: path.resolve(__dirname, '../staticConfig'), //
            to: 'staticConfig',
            ignore: ['.*']
          },
     ])       

解释:

　　staticConfig为新加的与static同级的文件夹

　　

 

 　　当没有配置前

 

 　　访问会直接跳转页面

　　配置后就可以访问到其中的文件不会跳转页面

　　

 

 

　　详细api: https://www.npmjs.com/package/copy-webpack-plugin