Webpack 使用Web包从生产生成中排除目录

Webpack 使用Web包从生产生成中排除目录,webpack,webpack-dev-server,Webpack,Webpack Dev Server,我有一些模拟数据文件,我想在开发模式下提供这些文件,但不包括在我的包中 我的项目结构是: /src/ index.html Router.jsx /components /mockdata <- I don't need this guy in my bundle.js 和生产: // webpack.prod.config.js var config = require('./webpack.config.js'); var webpack = req

我有一些模拟数据文件,我想在开发模式下提供这些文件,但不包括在我的包中

我的项目结构是:

/src/
    index.html
    Router.jsx
    /components
    /mockdata <- I don't need this guy in my bundle.js
和生产:

// webpack.prod.config.js

var config = require('./webpack.config.js');
var webpack = require('webpack');
var CopyWebpackPlugin = require('copy-webpack-plugin');

config.plugins.push(
  new webpack.DefinePlugin({
    "process.env": {
      "NODE_ENV": JSON.stringify("production")
    }
  })
);

config.plugins.push(
  new webpack.optimize.DedupePlugin()
);

config.plugins.push(
  new webpack.optimize.OccurenceOrderPlugin()
);

config.plugins.push(
  new webpack.optimize.MinChunkSizePlugin({
      minChunkSize: 51200, // ~50kb
  })
);

config.plugins.push(
  new webpack.optimize.UglifyJsPlugin({
    mangle: true,
    compress: {
      warnings: false
    },
    output: {
      comments: false
    }
  })
);

config.plugins.push(
  new CopyWebpackPlugin([
    {
      from: 'src/static',
      to: 'static'
    },
    {
      from: 'src/index.html'
    }
  ])
);

module.exports = config;

在代码中如何引用
mockdata
?有机会进行网页配置吗?@JuhoVepsäläinen它们是通过ajax加载的。我已经添加了我的Web包配置。如果您没有直接指向它,它不应该绑定
mockdata
。根据目前的信息很难说发生了什么。啊。所以基本上,如果我不需要/导入目录中的任何内容,它将不会被导入?我在想,不管怎样,它都会将所有内容封装在
/src
目录中。如果不是,太棒了:)是的。如果出于某种原因希望捆绑
mockdata
,则必须通过资产图明确指向它。你可以更好地了解发生了什么。
// webpack.prod.config.js

var config = require('./webpack.config.js');
var webpack = require('webpack');
var CopyWebpackPlugin = require('copy-webpack-plugin');

config.plugins.push(
  new webpack.DefinePlugin({
    "process.env": {
      "NODE_ENV": JSON.stringify("production")
    }
  })
);

config.plugins.push(
  new webpack.optimize.DedupePlugin()
);

config.plugins.push(
  new webpack.optimize.OccurenceOrderPlugin()
);

config.plugins.push(
  new webpack.optimize.MinChunkSizePlugin({
      minChunkSize: 51200, // ~50kb
  })
);

config.plugins.push(
  new webpack.optimize.UglifyJsPlugin({
    mangle: true,
    compress: {
      warnings: false
    },
    output: {
      comments: false
    }
  })
);

config.plugins.push(
  new CopyWebpackPlugin([
    {
      from: 'src/static',
      to: 'static'
    },
    {
      from: 'src/index.html'
    }
  ])
);

module.exports = config;