Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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 Web包-捆绑js中未统一的文件_Javascript_Webpack - Fatal编程技术网

Javascript Web包-捆绑js中未统一的文件

Javascript Web包-捆绑js中未统一的文件,javascript,webpack,Javascript,Webpack,所以 我是webpack的新手,我正在做一个项目,我们只加载一个文件bundle.js,我知道我可以单独加载文件 但我想要的是,bundle.js中未统一的文件。 目前,我得到缩小和丑陋的文件 你知道我怎样才能得到它吗 我的webpack.config.js看起来像:- var entry, production, development, //copyFilesConfig, HTMLWebpackPluginConfig, path = require

所以

我是webpack的新手,我正在做一个项目,我们只加载一个文件bundle.js,我知道我可以单独加载文件

但我想要的是,bundle.js中未统一的文件。 目前,我得到缩小和丑陋的文件

你知道我怎样才能得到它吗

我的
webpack.config.js
看起来像:-

var entry,
    production,
    development,
    //copyFilesConfig,
    HTMLWebpackPluginConfig,
    path = require('path'),
    webpack = require('webpack'),
    HtmlWebpackPlugin = require('html-webpack-plugin'),
    // CopyWebpackPlugin = require('copy-webpack-plugin'),
    environment = {
        production: true
    };

HTMLWebpackPluginConfig = new HtmlWebpackPlugin({
    template: __dirname + '/index.html',
    filename: 'index.html',
    inject: 'body'
});

/*copyFilesConfig = new CopyWebpackPlugin([
    { from: 'dist', to: __dirname + '/build/dist' }
]);*/

development = [HTMLWebpackPluginConfig];

production = [
    HTMLWebpackPluginConfig,
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify('production')
        }
    }),
    new webpack.optimize.UglifyJsPlugin({ mangle: true, sourcemap: false })
];

entry = {
    production: [
        './src/index.js'
    ],
    development: [
        'webpack-dev-server/client?http://localhost:7000',
        './src/index.js'
    ]
};

module.exports = {
    devtool: environment.production ? null : 'sourcemap',
    entry: environment.production ? entry.production : entry.development,
    output: {
        path: path.join(__dirname, 'build/dist'),
        filename: 'bundle.js'
    },
    module: {
        loaders: [{
            test: /\.js?$/,
            loaders: ['babel'],
            include: path.join(__dirname, 'src'),
            exclude: /node_modules/,
            presets: ['react', 'es2015', 'stage-0'],
            plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy']
        }, {
            test: /\.less$/,
            loaders: ["style", "css", "less"]
        }, {
            test: /\.(png|woff|woff2|eot|ttf|svg)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
            loader: 'url-loader?limit=10000&mimetype=application/font-woff'
        }]
    },
    plugins: environment.production ? production : development
}

尝试删除此行:


新建webpack.optimize.UglifyJsPlugin({mangle:true,sourcemap:false})
尝试删除此行:


newwebpack.optimize.UglifyJsPlugin({mangle:true,sourcemap:false})

运气不好。。。。。我正在使用
webpack-p
命令运行构建过程。。。。我认为这也会影响一些没有运气的地方。。。。。我正在使用
webpack-p
命令运行构建过程。。。。我想这也会影响到某些地方