webpack scripts copyfiles copy图片至dist目录
Author:[email protected] Date:
react webpack开发,想copy文章至dist目录,尼玛,搞了半天,配置不成功。
或者说wepack,react 图片 如何一并打包出去。
刚刚开始,相信:
var myImage = require("./static/myImage.jpg");
尼玛,坑爹,这个,多图片不可能每次都如此,
特别是
<img src={require(temSrc)}/>
fuck,然后,修改
// { // test: /\.(png|jpg)$/, // loader: 'url-loader?limit=6192&name=images/[hash:8].[name].[ext]' // }, // { // test: /\.(png|jpg)$/, // loader: 'file-loader?name=/images/[name].[ext]' // }, { test: /\.(png|jpg|gif|mp4|ogg|svg|woff|woff2)$/, loaders: ['file'] },
但是,然并卵!
然后,只有在package.json里面,修改copy命令
然后查了下copyfiles 模块里面的方法。尼玛,做的太坑爹了,居然没有path路径配置。然后折磨的死去活来,还好,终于配置成功。配置如下:
"copyImage": "copyfiles -u 1 ./src/images/* ./src/images/**/* ./dist/",
具体这个 -f -u 官方页面 给出detail!
俺也是,炳着实用主义精神,才配置成功。
如果你有更好解决方式,请通知我!
转载本站文章《webpack scripts copyfiles copy图片至dist目录》,
请注明出处:https://www.zhoulujun.cn/html/tools/Bundler/webpack/2017_0117_7943.html