如何包含前端javascript文件以捆绑webpack

时间:2017-04-04 09:14:30

标签: javascript node.js express webpack webpack-2

我需要将我的前端javascript文件捆绑到bundle.js。 这是我的webpack.config文件,

var path = require('path');
var nodeExternals = require('webpack-node-externals');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    target: 'node',
    entry:['babel-polyfill', './bin/run.js'],
    output: {
        path: './build',
        filename: '[name].min.js'
    },
    externals: nodeModules,
    plugins: [
        new HtmlWebpackPlugin(),
        new webpack.optimize.UglifyJsPlugin({
            compressor: {
                warnings: false,
                screw_ie8: true
            }
        })
    ],
    module: {
        loaders: [
            {
                loader: 'babel-loader',
                test: /\.js$/,
                include:/public/,
                exclude: /(node_modules|bower_components)/
            }
        ],
        noParse: [/ws/]
    }
};

如何将我的前端javascript文件包含在捆绑包中?

1 个答案:

答案 0 :(得分:0)

如果您使用的是webpack2,那么您应该知道这一变化:

module: {
    rules: [ // <----it is been changed to "rules"
        {
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: /(node_modules|bower_components)/
        }
    ],
    noParse: [/ws/]
}