/** * 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'); var entries = {}; // 构建各模块子页面JS。生成规则module.page.js shelljs.ls(path.join(__dirname, '/js/**/*.page.js')).forEach((f) => { var 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-handlebars', 'yoho-jquery', 'yoho-jquery-lazyload', 'yoho-slider', 'yoho-jquery-pjax', 'yoho-jquery-dotdotdot' ]; }); module.exports = { entry: entries, output: { path: path.join(__dirname, 'bundle'), // absolute path filename: '[name].js' }, module: { loaders: [{ test: /\.hbs$/, loader: 'handlebars-loader', query: { helperDirs: [ path.join(__dirname, '/js/common/helpers') ], partialDirs: [ path.join(__dirname, '../mix') ] } }] }, resolve: { alias: { hbs: path.join(__dirname, 'hbs'), mix: path.join(__dirname, '../mix/mix'), jquery: 'yoho-jquery', 'jquery-ui/widget': 'jquery-ui/ui/widget' } }, plugins: [ 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' }) ] };