991f703d05
- Extracted CSS into own file in production - Minified CSS in production - Added TerserJS back in to minify JS in production - Minified HTML in production as well
30 lines
672 B
JavaScript
30 lines
672 B
JavaScript
const path = require("path");
|
|
const common = require("./webpack.common");
|
|
const merge = require("webpack-merge");
|
|
var HtmlWebpackPlugin = require("html-webpack-plugin");
|
|
|
|
module.exports = merge(common, {
|
|
mode: "development",
|
|
output: {
|
|
filename: "[name].bundle.js",
|
|
path: path.resolve(__dirname, "dist")
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
template: "./src/template.html"
|
|
})
|
|
],
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.scss$/,
|
|
use: [
|
|
"style-loader", //3. Inject styles into DOM
|
|
"css-loader", //2. Turns css into commonjs
|
|
"sass-loader" //1. Turns sass into css
|
|
]
|
|
}
|
|
]
|
|
}
|
|
});
|