vue-echarts/webpack.config.js at master · iAbby/vue-echarts · GitHub

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
const path = require("path");
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const CleanWebpackPlugin = require('clean-webpack-plugin');
const jsPublicPath = ''
const imagePublicPath = ''
const fontPublicPath = ''
module.exports = {
	entry: {
		'vendor': ['polyfill', 'vue','common','config','vue-router','mint-ui'],
		'app': './src/components/app/app.js'
	},
	output: {
		path: path.resolve(__dirname, "./dist"),
		filename: "static/js/[name]_[chunkhash].js",
		chunkFilename:'[name]_[chunkhash].js',
		publicPath:jsPublicPath
	},
	resolve: {
		alias: {
			'common$': path.resolve(__dirname, "./src/lib/common.js"),
			'config$': path.resolve(__dirname, "./src/lib/config.js"),
			'vue$': "vue/dist/vue.common.js",
			'polyfill$': path.resolve(__dirname, "./src/lib/polyfill.js")
		}
	},
	module: {
		loaders: [{
				test: /\.vue$/,
				loader: 'vue-loader'
			},
			{
				test: /\.js$/,
				exclude: /node_modules/,
				loader: 'babel-loader',
				query: {
					presets: ['es2015']
				}
			},

			{
				test: /\.css$/,
				loader: ExtractTextPlugin.extract({
					fallback: "style-loader",
					use: [{
						loader: 'css-loader',
						options: {
							minimize: true
						}
					}]
				})
			},
			{
				test: /\.scss$/,
				loader: ExtractTextPlugin.extract({
					fallback: "style-loader",
					use: [{
							loader: 'css-loader',
							options: {
								minimize: true
							}
						},
						{
							loader: 'sass-loader',
							options: {
								minimize: true
							}
						}
					]
				})
			},
			{
				test: /\.html$/,
				loader: 'html-loader'
			},
			{
				test: /\.(png|jpg|jpge)$/,
				loader: 'url-loader?limit=8192',
				query: {
					name: 'static/images/[name].[ext]',
					publicPath: imagePublicPath
				}
			},
			{
				test: /\.(woff|svg|eot|ttf)\??.*$/,
				loader: 'url-loader?limit=10008192',
				query: {
					name: 'static/font/[name].[ext]',
					publicPath: fontPublicPath
				}
			}
		]
	},
	devServer: {
		// host:'0.0.0.0',
		historyApiFallback: true,
		inline: true,
		port: 8888
	},
	plugins: [
		new CleanWebpackPlugin(
			['dist/*'], {
				root: __dirname,
				verbose: false,
				dry: false
			}
		),
		new ExtractTextPlugin("static/css/style.min.css"),
		new webpack.optimize.CommonsChunkPlugin({
			names: ['vendor'],
		}),
	    new webpack.optimize.UglifyJsPlugin({
		    compress: {
		        warnings: false
		    }
			}),
		new HtmlWebpackPlugin({
			filename: 'index.html',
			template: './src/index.html',
			chunks: ['vendor', 'app']
		})
	]

};