jQuery-AliceMusic/webpack.config.js at main · AliveCrow/jQuery-AliceMusic · 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
/*
 * @Description: 输入文件描述信息
 * @Author: liu-wb
 * @Date: 2021-12-11 13:10:20
 * @LastEditTime: 2022-01-27 13:41:54
 */
var path = require('path')
var HtmlWebpackPlugin = require('html-webpack-plugin')


module.exports = {
	mode: 'development',
	entry: './src/index.js',
	output: {
		path: __dirname + '/dist/',
		filename: `main.[hash].js`,
	},
	devServer: {
		inline: false,
		contentBase: './dist',
	},
	plugins: [
		new HtmlWebpackPlugin({
			// title:'basd',
			filename: 'index.html',
			template: './index.html'
		})
	],

	module: {
		rules: [
			{
				test: /\.css$/i,
				use: ['style-loader', 'css-loader'],
			},
			{
				test: /\.scss$/i,
				use: [
					'style-loader',
					'css-loader',
					{
						loader: 'sass-loader',
						options: {
							implementation: require('dart-sass')
						}
					}
				]
			},
			{
				test: /\.(png|jpe?g|gif)$/i,
				use: [
					{
						loader: 'file-loader',
						options: {
							name: "[hash].[ext]",
							publicPath: "assets/img/",
							outputPath: "assets/img/"
						}
					}
				]
			},
			{
				test: /\.html$/i,
				use: [{
					loader: "html-loader"
				}]
			}

		]
	},
}