-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
72 lines (70 loc) · 2.77 KB
/
webpack.config.js
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
var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");
var DefinePlugin = require('webpack/lib/DefinePlugin');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var CopyWebpackPlugin = require('copy-webpack-plugin');
var ContextReplacementPlugin = require('webpack/lib/ContextReplacementPlugin');
var UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin');
var appEntry = './src/main.ts';
if (process.env.APP_ENVIRONMENT === 'production') {
appEntry = './src/main-aot.ts';
}
module.exports = {
// devtool: '#source-map',
entry: {
'app': appEntry,
'polyfills': [
'core-js/es6',
'core-js/es7/reflect',
'zone.js/dist/zone'
]
},
output: {
path: './dist',
// publicPath: '/assets/',
// [hash:4] 表示截取 [hash] 前四位
filename: "[name].[hash].js"
},
module: {
loaders: [
{test: require.resolve('jquery'), loader: 'expose?jQuery!expose?$'},
{test: /\.component\.ts$/, loader: 'ts!angular2-template'},
{test: /\.ts$/, exclude: /\.component\.ts$/, loader: 'ts'},
{test: /\.css$/, include: path.resolve('src/css'), loader: 'style!css'},
{test: /\.less$/, include: path.resolve('src/less'), loader: 'style!css!less'},
{test: /\.less$/, include: path.resolve('src/app'), loader: 'raw!less'},
{test: /\.html/, include: path.resolve('src/app'), loader: 'raw'},
{
test: /\.css$/,
exclude: path.resolve('src'),
loader: ExtractTextPlugin.extract({fallbackLoader: 'style', loader: 'css'})
},
{
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
loader: "url?limit=10000&minetype=application/font-woff&name=fonts/[name].[ext]"
},
{test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file?name=fonts/[name].[ext]"}
]
},
resolve: {
extensions: ['.js', '.ts', '.html', '.css', '.less']
},
plugins: [
// see https://github.com/angular/angular/issues/11580
new ContextReplacementPlugin(
/angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
'./src'
),
new UglifyJsPlugin(),
new HtmlWebpackPlugin({template: './src/index.html'}),
new CommonsChunkPlugin({name: ['app', 'polyfills']}),
new DefinePlugin({
PRODUCTION: JSON.stringify(process.env.APP_ENVIRONMENT === 'production')
}),
new ExtractTextPlugin('[name].[hash].css'),
new CopyWebpackPlugin([
{from: './src/image', to: 'image'}
])
]
};