|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- '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'
- }
- ]
- }
- ]
- }
- }
|