-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
89 lines (89 loc) · 3.1 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
const path = require("path")
const webpack = require("webpack")
const HtmlWebpackPlugin = require("html-webpack-plugin")
const CleanWebpackPlugin = require("clean-webpack-plugin")
const ExtractTextPlugin = require("extract-text-webpack-plugin")
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
module.exports = (env) => {
if (!env) {
env = {}
}
const plugins = [
new CleanWebpackPlugin(["dist"]),
new HtmlWebpackPlugin({ template: "./app/views/index.html" }),
new webpack.NamedModulesPlugin(),
new webpack.HotModuleReplacementPlugin(),
]
if (env.production) {
plugins.push(
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: "\"production\"",
},
}),
new ExtractTextPlugin("style.css", { ignoreOrder: true }),
new UglifyJsPlugin({
sourceMap: true,
})
)
}
return {
entry: ["./app/js/viewport.js", "./app/js/main.js"],
devtool: "source-map",
devServer: {
contentBase: "./dist",
hot: true,
compress: true,
port: 9000,
clientLogLevel: "none",
quiet: true,
},
module: {
loaders: [
{
test: /\.html$/,
loader: "html-loader",
}, {
test: /\.vue$/,
loader: "vue-loader",
options: {
cssModules: {
localIdentName: "[path][name]---[local]---[hash:base64:5]",
camelCase: true,
},
extractCSS: true,
loaders: env.production ? {
css: ExtractTextPlugin.extract({
use: "css-loader?minimize!px2rem-loader?remUnit=40&remPrecision=8",
fallback: "vue-style-loader",
}),
scss: ExtractTextPlugin.extract({
use: "css-loader?minimize!px2rem-loader?remUnit=40&remPrecision=8!sass-loader",
fallback: "vue-style-loader",
}),
} : {
css: "vue-style-loader!css-loader!px2rem-loader?remUnit=40&remPrecision=8",
scss: "vue-style-loader!css-loader!px2rem-loader?remUnit=40&remPrecision=8!sass-loader",
},
},
}, {
test: /\.scss$/,
loader: "style-loader!css-loader!sass-loader",
},
],
},
resolve: {
extensions: [
".js", ".vue", ".json",
],
alias: {
vue$: "vue/dist/vue.esm.js",
},
},
plugins,
output: {
filename: "[name].min.js",
path: path.resolve(__dirname, "dist"),
},
}
}