webpack.config.js
1.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/**
* 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-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: 'style!css?-url'
}, {
test: /\.hbs$/, loader: 'handlebars-loader'
}]
},
resolve: {
modulesDirectories: ['node_modules', './vue', './hbs']
},
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'
})
]
};