100 lines
2.4 KiB
JavaScript
100 lines
2.4 KiB
JavaScript
|
const Webpack = require("webpack");
|
||
|
|
const ExtractTextPlugin = require("extract-text-webpack-plugin");
|
||
|
|
const CleanPlugin = require("clean-webpack-plugin");
|
||
|
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
||
|
|
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
|
||
|
|
|
||
|
|
const path = require("path");
|
||
|
|
|
||
|
|
const join = (...paths) => path.join(__dirname, ...paths);
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
resolve: {
|
||
|
|
extensions: [".js", ".css"],
|
||
|
|
modules: ["source", "node_modules"],
|
||
|
|
},
|
||
|
|
entry: {
|
||
|
|
"main.js": [
|
||
|
|
join("source", "js", "main.js"),
|
||
|
|
join("source", "js", "menu.js"),
|
||
|
|
join("source", "js", "languageSelector.js")
|
||
|
|
],
|
||
|
|
"prism.js": join("source", "js", "prism.js"),
|
||
|
|
"style.css": join("source", "css", "style.css"),
|
||
|
|
"red.css": join("source", "css", "color", "red.css"),
|
||
|
|
"blue.css": join("source", "css", "color", "blue.css"),
|
||
|
|
"green.css": join("source", "css", "color", "green.css"),
|
||
|
|
"pink.css": join("source", "css", "color", "pink.css"),
|
||
|
|
},
|
||
|
|
output: {
|
||
|
|
filename: "[name]",
|
||
|
|
path: join("static/assets"),
|
||
|
|
publicPath: "",
|
||
|
|
},
|
||
|
|
performance: {
|
||
|
|
hints: false,
|
||
|
|
},
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.js$/,
|
||
|
|
exclude: /node_modules/,
|
||
|
|
use: {
|
||
|
|
loader: "babel-loader",
|
||
|
|
options: {
|
||
|
|
presets: ["@babel/preset-env"],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(png|jpg|woff|woff2|ttf|eot|svg)$/,
|
||
|
|
use: [
|
||
|
|
{
|
||
|
|
loader: "url-loader",
|
||
|
|
options: {
|
||
|
|
limit: 8192,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.css$/,
|
||
|
|
use: ExtractTextPlugin.extract({
|
||
|
|
fallback: "style-loader",
|
||
|
|
use: [
|
||
|
|
{
|
||
|
|
loader: "css-loader",
|
||
|
|
options: {
|
||
|
|
minimize: true,
|
||
|
|
modules: true,
|
||
|
|
importLoaders: 1,
|
||
|
|
localIdentName: "[local]",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
loader: "postcss-loader",
|
||
|
|
options: {
|
||
|
|
config: {
|
||
|
|
path: "postcss.config.js",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
}),
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
optimization: {
|
||
|
|
splitChunks: {
|
||
|
|
name: "vendor",
|
||
|
|
minChunks: 2,
|
||
|
|
},
|
||
|
|
minimizer: [
|
||
|
|
new UglifyJsPlugin({
|
||
|
|
sourceMap: true,
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
},
|
||
|
|
plugins: [new CleanPlugin(join("static/assets")), new ExtractTextPlugin("[name]")],
|
||
|
|
};
|