-
Notifications
You must be signed in to change notification settings - Fork 17
/
plugins.js
58 lines (48 loc) · 1.7 KB
/
plugins.js
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
const path = require('path')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const { WebpackManifestPlugin } = require('webpack-manifest-plugin')
const _BrowserSyncPlugin = require('browser-sync-webpack-plugin')
const _ESLintPlugin = require('eslint-webpack-plugin')
const _MiniCssExtractPlugin = require('mini-css-extract-plugin')
const _StyleLintPlugin = require('stylelint-webpack-plugin')
const _SpriteLoaderPlugin = require('svg-sprite-loader/plugin')
const _WebpackBar = require('webpackbar')
const browsersyncConfig = require('./browsersync.config')
const BrowserSyncPlugin = new _BrowserSyncPlugin(browsersyncConfig.browserSyncOptions, browsersyncConfig.pluginOptions)
const ESLintPlugin = new _ESLintPlugin({
overrideConfigFile: path.resolve(__dirname, '../.eslintrc'),
context: path.resolve(__dirname, '../src/js'),
files: '**/*.js',
})
const ManifestPlugin = new WebpackManifestPlugin({
fileName: 'assets.json',
filter: (file) => !file.isAsset,
})
const MiniCssExtractPluginDev = new _MiniCssExtractPlugin({
filename: '[name].css',
})
const MiniCssExtractPluginProd = new _MiniCssExtractPlugin({
filename: '[name].[contenthash:8].min.css',
})
const StyleLintPlugin = new _StyleLintPlugin({
configFile: path.resolve(__dirname, '../.stylelintrc'),
context: path.resolve(__dirname, '../src/scss'),
files: '**/*.scss',
})
const SpriteLoaderPlugin = new _SpriteLoaderPlugin({
plainSprite: true,
})
const WebpackBar = new _WebpackBar({
color: '#ffe600',
})
module.exports = {
BrowserSyncPlugin,
CleanWebpackPlugin: new CleanWebpackPlugin(),
ESLintPlugin,
ManifestPlugin,
MiniCssExtractPluginDev,
MiniCssExtractPluginProd,
StyleLintPlugin,
SpriteLoaderPlugin,
WebpackBar,
}