You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.1 KiB
52 lines
1.1 KiB
const path = require("path"); |
|
const merge = require("webpack-merge"); |
|
const common = require("./webpack.common.config.js"); |
|
|
|
const webpack = require("webpack"); |
|
const HtmlWebpackPlugin = require("html-webpack-plugin"); |
|
|
|
module.exports = merge(common, { |
|
mode: "development", |
|
entry: { |
|
app: "./example/src/app.tsx", |
|
}, |
|
output: { |
|
filename: "[name].js", |
|
path: path.resolve(__dirname, "dist"), |
|
// libraryTarget: 'commonjs2' |
|
}, |
|
devServer: { |
|
contentBase: path.resolve(__dirname, "dist"), |
|
open: true, |
|
port: 9000, |
|
compress: true, |
|
hot: true, |
|
}, |
|
module: { |
|
rules: [ |
|
{ |
|
test: /\.css$/, |
|
use: ["style-loader", "css-loader"], |
|
}, |
|
{ |
|
test: /\.s[ac]ss$/i, |
|
use: [ |
|
// Creates `style` nodes from JS strings |
|
"style-loader", |
|
// Translates CSS into CommonJS |
|
"css-loader", |
|
// Compiles Sass to CSS |
|
"sass-loader", |
|
], |
|
}, |
|
], |
|
}, |
|
plugins: [ |
|
new HtmlWebpackPlugin({ |
|
template: "example/src/index.html", |
|
inject: "body", |
|
hash: false, |
|
}), |
|
new webpack.HotModuleReplacementPlugin(), |
|
], |
|
});
|
|
|