const path = require('path');
const Timestamp = new Date().getTime();
const VerNumber = '0.0.0.1'
var webpack = require('webpack')
module.exports = {
publicPath: "./",
outputDir: "dist",
chainWebpack: config => {
config.module
.rule('css')
.test(/\.css$/)
.oneOf('vue')
.resourceQuery(/\?vue/)
.use('px2rem')
.loader('px2rem-loader')
.options({
remUnit: 75
})
},
css: {
// 配置css模块
loaderOptions: {
// 向预处理器 Loader 传递配置选项
less: {
// 配置less（其他样式解析用法一致）
javascriptEnabled: true // 设置为true
}
}
},
configureWebpack: { // webpack 配置
output: {
filename: `[name].${VerNumber}.${Timestamp}.js`,
chunkFilename: `[name].${VerNumber}.${Timestamp}.js`,
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'root.jQuery': 'jquery'
})
]
},
productionSourceMap: false,
devServer: {
open: "Chrome",
port: 8099,
host: "0.0.0.0",
proxy: {
"/api": {
target: "http://xxxxxxxxx",
changeOrigin: true,
pathRewrite: { "^/api": "" }
}
}
},
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [path.resolve(__dirname, './src/assets/less/global.less')]
}
}
};
