webpack.config.js 2.04 KB
/**
 * webpack config
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2016/4/25
 */

'use strict';

const webpack = require('webpack');
const path = require('path');
const _ = require('lodash');
const shelljs = require('shelljs');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const entries = {};

// 构建各模块子页面JS。生成规则module.page.js
shelljs.ls(path.join(__dirname, 'js/**/*.page.js')).forEach((f) => {
    const dir = _.slice(f.split('/'), -2); // [modulename, xx.page.js]

    // Important
    // 生成规则:module.page: './js/module/xx.page.js'
    entries[`${dir[0]}.${dir[1].match(/(.*).page.js/)[1]}`] = `./js/${dir.join('/')}`;
    entries.libs = [
        'yoho-jquery',
        'yoho-fastclick',
        'yoho-iscroll',
        'yoho-jquery-lazyload',
        'yoho-swiper',
        'yoho-qs',
        'yoho-cookie',
        'yoho-vue',
        'yoho-vue-lazyload',
        'yoho-vue-swipe',
        'yoho-vue-infinite-scroll'
    ];
});

module.exports = {
    entry: entries,
    output: {
        path: path.join(__dirname, 'bundle'), // absolute path
        filename: '[name].js'
    },
    module: {
        loaders: [{
            test: /\.vue$/,
            loader: 'vue'
        }, {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel?presets[]=es2015&plugins[]=transform-runtime&comments=false'
        }, {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract(['css?-url'])
        }, {
            test: /\.hbs$/,
            loader: 'handlebars-loader'
        }]
    },
    resolve: {
        modulesDirectories: ['node_modules', './vue', './hbs', './js']
    },
    plugins: [
        new ExtractTextPlugin('[name].css'),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'libs',
            filename: 'libs.js'
        }),
        new webpack.ProvidePlugin({
            $: 'yoho-jquery',
            jQuery: 'yoho-jquery',
            'window.jQuery': 'yoho-jquery'
        })
    ]
};