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;