Javascript 提取文本网页包插件删除所有.js代码
TL;DR:当生成两个.js和一个.css块时,插件会从一个.js块中删除所有的.js代码 即使我只使用webpack文档中的示例,这也是可重复的行为 我可能遗漏了什么,但我找不到它是什么:) 配置如下:Javascript 提取文本网页包插件删除所有.js代码,javascript,css,loader,webpack,stylus,Javascript,Css,Loader,Webpack,Stylus,TL;DR:当生成两个.js和一个.css块时,插件会从一个.js块中删除所有的.js代码 即使我只使用webpack文档中的示例,这也是可重复的行为 我可能遗漏了什么,但我找不到它是什么:) 配置如下: var path = require('path'); var webpack = require('webpack'); var ExtractTextPlugin = require("extract-text-webpack-plugin"); var glob = require("g
var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var glob = require("glob");
module.exports = {
entry: {
app: [
'./.build/app/app_dependencys.js',
'./.build/app/_helpers/api_helpers.js',
'./.build/app/event-manager.js',
'./.build/app/route_handlers/Router.js'
],
lib: [
'c3',
'lodash',
'moment',
'moment-timezone',
'pleasejs',
'react-bootstrap-datetimepicker',
'react',
'react-bootstrap',
'react-d3-components',
'react-datepicker-component',
'react-googlemaps',
'react-router',
'react-slider',
'reactable',
'select2'
],
css: glob.sync('./css/css/*.styl')
},
output: {
path: path.join(__dirname, 'js/dist'),
filename: "app.js",
chunkFilename: "[name].js"
},
module: {
loaders: [
{test: /\.jsx?$/, loader: 'babel?compact=false', ignore: /node_modules/},
{test: /\.json$/, loader: "json"},
{
test: /\.styl$/,
loader: ExtractTextPlugin.extract('raw', 'raw!stylus')
}
]
},
plugins: [
new ExtractTextPlugin('id', "./../../css/compiled/css.css", {allChunks: false}),
new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"lib", /* filename= */"lib.js", Infinity)
],
externals: ['jquery'],
bail: true
};
运行webpack
时,这是输出:
Time: 51884ms
Asset Size Chunks Chunk Names
app.js 3.8 kB 0, 1 [emitted] app, css
lib.js 3.47 MB 2 [emitted] lib
./../../css/compiled/css.css 131 kB 1 [emitted] css
[0] multi app 64 bytes {0} [built]
[0] multi css 364 bytes {1} [built]
[0] multi lib 196 bytes {2} [built]
+ 634 hidden modules
Child extract-text-webpack-plugin:
+ 1 hidden modules
Child extract-text-webpack-plugin:
+ 1 hidden modules
Child extract-text-webpack-plugin:
+ 1 hidden modules
.... it goes on for a while ...
因此:
根据需要包含所有csscss.css
包含所有需要的lib代码lib.js
:app.js中的每个条目都替换为app.js
/***/ 581: /***/ function(module, exports) { // removed by extract-text-webpack-plugin /***/ }, /***/ 582: /***/ function(module, exports) { // removed by extract-text-webpack-plugin /***/ }, ...
当我将我的网页文件移动到应用程序层次结构中的较低级别时,我刚刚开始遇到这个问题。你有没有在这方面取得任何进展?没有:(在这个问题上也几乎没有任何进展,但是你可以尝试一些张贴在那里的建议:,你应该提供更多的信息,一个链接可以作为评论而不是答案。请提供更多信息