55 lines
1.2 KiB
JavaScript
55 lines
1.2 KiB
JavaScript
|
'use strict'
|
||
|
|
|
||
|
|
const path = require('path')
|
||
|
|
const autoprefixer = require('autoprefixer')
|
||
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
mode: 'development',
|
||
|
|
entry: './src/js/main.js',
|
||
|
|
output: {
|
||
|
|
filename: 'main.js',
|
||
|
|
path: path.resolve(__dirname, 'dist'),
|
||
|
|
},
|
||
|
|
devServer:{
|
||
|
|
static: path.resolve(__dirname, 'dist'),
|
||
|
|
port: 8080,
|
||
|
|
hot: true
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
new HtmlWebpackPlugin({ template: './src/index.html' })
|
||
|
|
],
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.(scss)$/,
|
||
|
|
use: [
|
||
|
|
{
|
||
|
|
// Adds CSS to the DOM by injecting a `<style>` tag
|
||
|
|
loader: 'style-loader'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
// Interprets `@import` and `url()` like `import/require()` and will resolve them
|
||
|
|
loader: 'css-loader'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
// Loader for webpack to process CSS with PostCSS
|
||
|
|
loader: 'postcss-loader',
|
||
|
|
options: {
|
||
|
|
postcssOptions: {
|
||
|
|
plugins: () => [
|
||
|
|
autoprefixer
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
// Loads a SASS/SCSS file and compiles it to CSS
|
||
|
|
loader: 'sass-loader'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|