码迷,mamicode.com
首页 > Web开发 > 详细

运用webpack复制静态文件

时间:2018-03-28 20:34:53      阅读:1194      评论:0      收藏:0      [点我收藏+]

标签:运用webpack复制静态文件及文件夹

1. 运用yarn或npm添加相应的依赖包

 
在命令行中输入
 

    npm install copy-webpack-plugin --save-dev

    yarn add copy-webpack-plugin -D

 

2. 在webpack.config.js 中引入依赖,根据实际项目路径并进行配置

 
技术分享图片
 
技术分享图片
 

3. 然后通过webpack进行打包

 
在命令行中输入(webpack4.x版本)
 

    webpack --mode production

 
技术分享图片

可以发现,静态文件以及进行成功转移。
 
注:常见错误
 
  文件夹的相对路径比较容易写错,构建就会报如下错误
 

    Error in [copy-webpack-plugin] unable to local "**" at "**"

 
  使用Node.js中的全局变量__dirname+文件夹路径即可(例:“/src/assets”)

运用webpack复制静态文件

标签:运用webpack复制静态文件及文件夹

原文地址:http://blog.51cto.com/13677514/2092140

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!