webpack2

我觉得webpack的grunt很像,写的配置文件简直都看的累死了。先上代码,我们稍后解释。看不明白算了,就不要问我了。哈哈哈。。。。。

var path = require('path');
var webpack = require('webpack');


module.exports = {
    devtool: 'cheap-source-map',
    // 根目录
    context: path.join(__dirname, 'src', 'js'),
    entry: {
        // 库
        vendor: ['./vendor'],
        // IE fix
        ieShim: ['./ieShim'],


        // login 单独打包,不引入 vendor
        login: ['./login'],
        
        // user
        user_index: ['./user/index'],
        user_edit: ['./user/edit'],
        user_create: ['./user/create'],


        // role
        role_index: ['./role/index'],
        role_edit: ['./role/edit'],
        role_create: ['./role/create'],


        // permission
        permission_index: ['./permission/index'],


        // permissionGroup
        permissionGroup_index: ['./permissionGroup/index'],


        // banner
        banner_index: ['./banner/index'],
        banner_create: ['./banner/create'],
    },
    output: {
        path: path.join(__dirname, 'dist', 'js'),
        // path: path.join(__dirname, '..', '..', 'public', 'assets', 'js'),
        filename: '[name].bundle.js',
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loaders: ['babel'],
                exclude: /node_modules/,
            },


            {
                test: /\.css$/,
                loaders: ['style', 'css'],
            },


            {
                test: /\.(jpg|png|gif)$/,
                loader: 'url?limit=10000',
            }
        ]
    },
    resolve: {
        // 猜测文件的后戳
        extensions: ['', '.js', '.css'],
        alias: {
            // 配置别名,不然上传插件找不到
            'jquery.ui.widget': 'blueimp-file-upload/js/vendor/jquery.ui.widget'
        }
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            name: 'vendor',
            filename: 'vendor.js',
        }),
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery',
        })
    ],
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值