home > tools > Bundler > webpack >

webpack scripts copyfiles copy图片至dist目录

author:zhoulujun@live.cn    hits:

webpack做react项目,图片迟迟打包不成功。只能copyfiles进入dist。其它文件也可以参考文章做出相应打包配置

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