sample-webpack/webpack.config.sample.js at master · summarychm/sample-webpack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

const FileListPlugin = require("./plugins/FileList-Plugin");

/** @type {import("webpack").Configuration} */
let config = {
	mode: "development",
	entry: "./src/index.js",
	devtool: "source-map",
	output: {
		filename: "bundle.js",
		path: path.resolve(__dirname, "dist"),
	},
	resolveLoader: {
		modules: ["loaders", "node_modules"], // loader查找顺序
	},
	resolve: {
		extensions: [".js", ".jsx"], // 支持的扩展名
	},
	module: {
		rules: [
			{
				test: /.jsx?$/,
				use: [
					// {
					// 	loader: "banner-loader",
					// 	options: {
					// 		preStr: "/* perStr注释 */",
					// 		postStr: "/* postStr注释 */",
					// 		prefix: path.resolve("./public/banner/perfix.txt"),
					// 		postfix: path.resolve("./public/banner/postfix.txt"),
					// 	},
					// },
					{
						loader: "babel-loader",
						options: {
							presets: ["@babel/preset-env"],
						},
					},
				],
				exclude: /node_modules/,
			},
			{
				test: /.txt$/,
				use: {
					loader: "raw-loader",
					options: {
						esModule: false, // 使用commonJS2规范
					},
				},
				exclude: /node_modules/,
			},
			{
				test: /.(png|jpg|jpeg|svg)$/,
				use: [
					{
						loader: "url-loader",
						options: {
							limit: 1000,
							name: "[contenthash:4].[ext]",
						},
					},
				],
				exclude: /node_modules/,
			},
			{
				test: /.less$/,
				use: ["style-loader", "css-loader", "less-loader"],
				exclude: /node_modules/,
			},
		],
	},
	plugins: [
		new HtmlWebpackPlugin({
			title: "example",
			template: path.resolve(__dirname, "public", "template.html"),
		}),
		new FileListPlugin({ filename: "FileList.md", unit: "kb" }),
	],
};

module.exports = config;