首页
Javascript
Html
Css
Node.js
Electron
移动开发
小程序
工具类
服务端
浏览器相关
前端收藏
其他
关于
公司注册

webpack复制静态文件

2018年11月09日 发布 阅读(5260) 作者:Jerman

webpack利用copy-webpack-plugin插件复制静态文件目录

安装

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

设置webpack

from路径是相对项目的根目录
to路径相对webpack配置的output路径

下面代码表示,根目录下的scr/public目录下的所有文件,会原样复制到 dist/static目录下

  1. const CopyWebpackPlugin = require("copy-webpack-plugin");
  2. output: {
  3. filename: "js/[name].[contenthash].js",
  4. path: path.resolve(__dirname, "../dist"),
  5. },
  6. //...省略...
  7. plugins: [
  8. // 复制src/public目录
  9. new CopyWebpackPlugin([
  10. {
  11. from: "src/public",
  12. to: "static"
  13. }
  14. ])
  15. ],

版权声明:本站文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议,如需转载,请注明出处