Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提取文本网页包插件删除所有.js代码_Javascript_Css_Loader_Webpack_Stylus - Fatal编程技术网

Javascript 提取文本网页包插件删除所有.js代码

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

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("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 ...
因此:

  • css.css
    根据需要包含所有css
  • lib.js
    包含所有需要的lib代码
  • app.js
    :app.js中的每个条目都替换为

    /***/ 581:
    /***/ function(module, exports) {
    
        // removed by extract-text-webpack-plugin
    
    /***/ },
    
    /***/ 582:
    /***/ function(module, exports) {
    
            // removed by extract-text-webpack-plugin
    
    /***/ },
    ...
    
也向插件作者报告:

回答如下:

好的,对我有效的是:好的:条目:{js:'./js/app.js',css: './scss/main.scss'},错误:条目:{js:'./js/app.js',scss: './scss/main.scss'}唯一的区别是css键而不是scss。 而且条目:['./js/main.js','./scss/main.scss']也可以使用


当我将我的网页文件移动到应用程序层次结构中的较低级别时,我刚刚开始遇到这个问题。你有没有在这方面取得任何进展?没有:(在这个问题上也几乎没有任何进展,但是你可以尝试一些张贴在那里的建议:,你应该提供更多的信息,一个链接可以作为评论而不是答案。请提供更多信息