webpack.dev.js•1.25 kB
const Dotenv = require('dotenv-webpack');
const webpack = require('webpack');
const merge = require('webpack-merge');
const autoprefixer = require('autoprefixer');
const common = require('./webpack.common.js');
const dotEnv = new Dotenv({
path: '.env.loc',
safe: true
});
module.exports = merge(common, {
output: {
publicPath: '/'
},
devServer: {
contentBase: false,
hot: true,
port: 8000,
proxy: {
'/api': {
target: 'http://localhost:' + JSON.parse(dotEnv.definitions['process.env.PORT']),
pathRewrite: {
'^/api/v1' : '/api/v1',
'^/api' : '',
}
},
}
},
module: {
rules: [
{
test: /\.(sass|scss)$/,
use: [
{
loader: 'style-loader'
},
{
loader: 'css-loader'
},
{
loader: 'postcss-loader',
options: {
plugins: [
autoprefixer
]
}
},
{
loader: 'sass-loader'
}
]
},
],
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NamedModulesPlugin(),
dotEnv
],
devtool: 'eval-source-map'
});