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