-
Notifications
You must be signed in to change notification settings - Fork 33
/
webpack.config.babel.js
115 lines (110 loc) · 2.22 KB
/
webpack.config.babel.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
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
import path from "path"
import precss from "precss"
import webpack from "webpack"
import autoprefixer from "autoprefixer"
import HtmlWebpackPlugin from "html-webpack-plugin"
import ExtractTextPlugin from "extract-text-webpack-plugin"
let plugins = [
new ExtractTextPlugin("mobile.css"),
new HtmlWebpackPlugin({
filename: "index.html",
template: path.join(__dirname, "index.tpl"),
chunks: ["app"],
inject: "body",
minify: {
removeComments: true,
collapseWhitespace: true
}
}),
]
let devtool = "cheap-module-eval-source-map"
const productionPlugins = [
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify(process.env.NODE_ENV)
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
}),
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.optimize.CommonsChunkPlugin("commons.js", ["app", "vendors"]),
new webpack.BannerPlugin(`This file is created by hanyang\nupdated_at: ${(new Date).toGMTString()}`)
]
if (process.env.NODE_ENV === "production") {
plugins = plugins.concat(productionPlugins)
devtool = "cheap-module-source-map"
}
export default {
entry: {
app: "./src/app.js",
vendors: ["vue", "vue-router", "vuex"]
},
output: {
path: path.resolve(__dirname, "./dist"),
filename: "[name].js",
publicPath: "/static/cnode/"
},
module: {
loaders: [
{
test: /\.vue$/,
loader: "vue"
},
{
test: /\.js$/,
//exclude: /node_modules/,
include: path.resolve(__dirname, "src"),
loader: "babel?cacheDirectory"
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract("style-loader", "css!postcss")
},
{
test: /\.(png|jpg|gif|webp|ttf|svg|ico)$/,
loader: "url-loader",
query: {
name: "[hash].[ext]",
limit: 10000,
}
}
]
},
vue: {
postcss: [
precss,
autoprefixer({
browsers: "> 5%"
})
]
},
postcss: [
precss,
autoprefixer({
browsers: "> 5%"
})
],
plugins: plugins,
resolve: {
alias: {
vue: "vue/dist/vue.js"
},
extensions: ["", ".js", ".vue", "css"]
},
devServer: {
historyApiFallback: true,
hot: true,
inline: true,
progress: true,
proxy: {
"/api/*": {
target: "http://192.168.0.24:9000",
secure: false
}
}
},
devtool: devtool
}