-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
webpack.config.js
117 lines (112 loc) · 2.97 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
const autoprefixer = require('autoprefixer')
const postcss = require('postcss')
const webpack = require('webpack')
const path = require('path')
const pkg = require('./package.json')
const classPrefix = require('postcss-class-prefix')
const TerserPlugin = require('terser-webpack-plugin')
const banner = pkg.name + ' v' + pkg.version + ' ' + pkg.homepage
module.exports = (env, argv) => {
const config = {
devtool: 'source-map',
entry: './src/index.js',
devServer: {
static: {
directory: path.join(__dirname, './'),
},
port: 8080,
},
watchOptions: {
aggregateTimeout: 300,
poll: 1000,
ignored: /node_modules/,
},
resolve: {
extensions: ['.js'],
fallback: {
path: require.resolve('path-browserify'),
},
alias: {
'@front': '@vue-devtools/app-frontend/src',
'@back': '@vue-devtools/app-backend-core/lib',
'@utils': '@vue-devtools/shared-utils/lib',
}
},
output: {
path: __dirname,
filename: 'eruda-vue.js',
publicPath: '/assets/',
library: ['erudaVue'],
libraryTarget: 'umd',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
sourceType: 'unambiguous',
presets: ['@babel/preset-env'],
plugins: ['@babel/plugin-transform-runtime'],
},
},
},
{
test: /\.scss$/,
use: [
'css-loader',
{
loader: 'postcss-loader',
options: {
postcssOptions: {
plugins: [
postcss.plugin('postcss-namespace', function () {
// Add '.dev-tools .tools ' to every selector.
return function (root) {
root.walkRules(function (rule) {
if (!rule.selectors) return rule
rule.selectors = rule.selectors.map(function (
selector
) {
return '.dev-tools .tools ' + selector
})
})
}
}),
classPrefix('eruda-'),
autoprefixer,
],
},
},
},
'sass-loader',
],
},
],
},
plugins: [
new webpack.optimize.LimitChunkCountPlugin({
maxChunks: 1,
}),
new webpack.BannerPlugin(banner)
],
}
if (argv.mode === 'production') {
config.optimization = {
minimize: true,
minimizer: [
new TerserPlugin({
terserOptions: {
format: {
comments: false,
},
},
extractComments: false,
}),
],
}
}
return config
}