如何使用webpack插件创建目录并将文件复制到其中?

时间:2016-06-02 16:07:44

标签: webpack package.json

我正在使用webpack但是在 package.json 我一直在运行这个预启动脚本:

rm -rf dev && mkdir dev && cp -R pages/* dev && cp -R theme dev

在我家的Mac上跑得很好。但是我也需要在我的表面上运行它,我不知道如何使这项工作。

我尝试了很多方法让脚本在PC上运行,包括 Cygwin ,并决定继续使用 webpack 插件。我找到一个删除dev目录作为清理进程的一部分,但还需要重新创建dev目录,然后将文件复制到其中。

这是我当前的webpack.config.js:

var path = require("path");
var webpack = require("webpack");
var target = process.env.npm_lifecycle_event;
var paths = {
  src: path.join(__dirname, "src"),
  dev: path.join(__dirname, "dev"),
  dist: path.join(__dirname, "dist")
};

module.exports = {
  context: paths.src,

  entry: './index.js',
  output: {
    path: paths.dev,
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
      loaders: [{
        test: /.js$/,
        exclude: /node_modules/,
        loader: 'babel'

      },
      {
        test: /\.css$/,
        loader: "style-loader!css-loader"
      }]
  },
  plugins: [
      new webpack.HotModuleReplacementPlugin()
  ],
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './'
  }
};

任何有关如何配置它们的描述的建议都将非常感激。我花了大约3个小时试图让它在昨天工作,并没有超出删除文件夹。我选择的复制插件可能正在工作,但目录永远不会被创建,所以我不确定。谢谢!

0 个答案:

没有答案