forked from quasarframework/quasar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
120 lines (119 loc) · 2.84 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
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
var
path = require('path'),
webpack = require('webpack'),
cssUtils = require('./css-utils'),
env = require('./env-utils'),
HtmlWebpackPlugin = require('html-webpack-plugin'),
ProgressBarPlugin = require('progress-bar-webpack-plugin'),
projectRoot = path.resolve(__dirname, '../'),
entry = ['./build/hot-reload', './dev/main.js'],
merge = require('webpack-merge')
module.exports = {
devtool: '#eval-source-map',
devServer: {
historyApiFallback: true,
noInfo: true
},
entry: {
app: entry
},
output: {
publicPath: '/',
filename: '[name].js'
},
resolve: {
extensions: ['.js', '.vue'],
modules: [
path.join(__dirname, '../src'),
'node_modules'
],
alias: {
quasar: path.resolve(__dirname, '../src/index.es6'),
assets: path.resolve(__dirname, '../dev/assets'),
components: path.resolve(__dirname, '../dev/components'),
data: path.resolve(__dirname, '../dev/data')
}
},
module: {
rules: [
{ // eslint
enforce: 'pre',
test: /\.(vue|js)$/,
loader: 'eslint-loader',
include: projectRoot,
exclude: /node_modules/
},
{
test: /\.js$/,
loader: 'babel-loader',
include: projectRoot,
exclude: /node_modules/
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
postcss: cssUtils.postcss,
loaders: merge(
{js: 'babel-loader'},
cssUtils.styleLoaders({sourceMap: true})
)
}
},
{
test: /\.svg$/,
loader: 'raw'
},
{
test: /\.json$/,
loader: 'json-loader'
},
{
test: /\.(png|jpe?g|gif)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: 'img/[name].[hash:7].[ext]'
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: 'fonts/[name].[hash:7].[ext]'
}
}
].concat(cssUtils.styleRules({sourceMap: true, postcss: true}))
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"development"'
},
'__THEME': '"' + env.platform.theme + '"'
}),
new webpack.NoEmitOnErrorsPlugin(),
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'dev/index.html',
inject: true
}),
new webpack.LoaderOptionsPlugin({
options: {
context: path.resolve(__dirname, '../src'),
eslint: {
formatter: require('eslint-friendly-formatter')
},
postcss: cssUtils.postcss
}
}),
new ProgressBarPlugin({
format: ' [:bar] ' + ':percent'.bold + ' (:msg)'
})
],
performance: {
hints: false
}
}