webpack-template/webpack.config.js at master · DmitriiKholodov/webpack-template · 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
const webpack = require('webpack');
const path = require('path');
// const BrowserSyncPlugin = require('browser-sync-webpack-plugin');


module.exports = {

	context: path.resolve(__dirname, 'src'),

	entry: {
		app: [
		'./js/app.js',
		// './scss/style.scss'
		'./scss/style.scss'
		],

	},

	output: {
		path: path.resolve(__dirname, 'dist/'),
		filename: 'js/[name].js',
		publicPath: 'dist/'
	},

	devServer: {
		hot: true,
    	contentBase: 'app/',
    	watchContentBase: true,
	},

	module: {
		rules: [
			{
				test: /\.s?css/,
				use: [
					{
						loader: 'style-loader',
					},
					{
						loader: 'css-loader'
					},
					{
						loader: 'sass-loader'
					}
				]
			}
		]
	},

	plugins: [

	new webpack.ProvidePlugin({
		$: 'jquery',
		jQuery: 'jquery',
		jquery: 'jquery',
		Popper: ['popper.js', 'default']
	})

	]

}