/**
- Created by z674144 on 2019/3/25 */ const merge = require('webpack-merge'); const common = require('./webpack.common.config.js').common; const HotModuleReplacementPlugin = require('webpack/lib/HotModuleReplacementPlugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require('path'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const autoPreFixer = require('autoprefixer');
module.exports = merge(common, {
mode: 'development',
devServer: {
contentBase: path.resolve(__dirname, '../output/'),
hot: true,
open: true,
compress: true,
host: 'localhost',
port: 9001,
inline: true,
proxy: {
'/server_mock':{
target: 'http://99.47.159.99:8080/FspManager/',
pathRewrite: {'^/server_mock':''}
}
}
},
module: {
rules: [
{
test: /.(styl|stylus)$/,
use: [
'style-loader',
'css-loader',
{
loader: 'postcss-loader',
options: {
plugins: function () {
return [autoPreFixer];//自动给CSS加上浏览器私有前缀提高兼容性
}
}
},
'stylus-loader'
]
}
]
},
plugins: [
new HotModuleReplacementPlugin(),
new HtmlWebpackPlugin({
template: path.join(__dirname, '../src/index.ejs'),
inject: true,
customVariable: {
urlBase: '/',
fontUrl: ./assets/font/font.css
}
}),
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../src/server_mock/'),
to: path.resolve(__dirname, '../output/server_mock/')
},
{
from: path.resolve(__dirname, '../src/assets/'),
to: path.resolve(__dirname, '../output/assets/')
},
{
from: path.resolve(__dirname, '../static/'),
to: path.resolve(__dirname, '../output/FspMS/static/')
}
])
]
});
