Spaces:
Sleeping
Sleeping
File size: 2,632 Bytes
c824890 |
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 |
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
const postcssLoader = {
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-', {
ignore: [/luna-*/]
}),
autoprefixer
]
}
}
}
module.exports = (env, argv) => {
const config = {
devtool: 'source-map',
entry: './src/index.js',
resolve: {
mainFields: ['main', 'module']
},
devServer: {
static: {
directory: path.join(__dirname, './')
},
port: 8080
},
output: {
path: __dirname,
filename: 'eruda-monitor.js',
publicPath: '/assets/',
library: ['erudaMonitor'],
libraryTarget: 'umd'
},
module: {
rules: [
{
test: /\.js$/,
include: [
path.resolve(__dirname, './src'),
path.resolve(__dirname, './node_modules/luna-performance-monitor')
],
use: {
loader: 'babel-loader',
options: {
sourceType: 'unambiguous',
presets: ['@babel/preset-env'],
plugins: ['@babel/plugin-transform-runtime']
}
}
},
{
test: /\.css$/,
use: [
'css-loader',
postcssLoader,
]
},
{
test: /\.scss$/,
use: [
'css-loader',
postcssLoader,
'sass-loader'
]
}
]
},
plugins: [new webpack.BannerPlugin(banner)]
}
if (argv.mode === 'production') {
config.optimization = {
minimize: true,
minimizer: [
new TerserPlugin({
terserOptions: {
format: {
comments: false
}
},
extractComments: false
})
]
}
}
return config
}
|