alenblack7

Untitled

Oct 17th, 2021
767
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // SASS
  2. .logo
  3.     width: 105px
  4.     height: 40px
  5.     background-image: url(../src/assets/images/logo.jpg)
  6.    
  7. // Web Pack
  8.  
  9. const path = require('path')
  10. const HtmlWebpackPlugin = require('html-webpack-plugin')
  11. const { CleanWebpackPlugin } = require('clean-webpack-plugin')
  12. const HtmlWebpackPugPlugin = require('html-webpack-pug-plugin')
  13. const CssUrlRelativePlugin = require('css-url-relative-plugin')
  14.  
  15.  
  16. module.exports = {
  17.     context: path.resolve(__dirname, 'src'),
  18.    
  19.     entry: './index.js',
  20.    
  21.     output: {
  22.         filename: '[name].[contenthash].js',
  23.         path: path.resolve(__dirname, 'docs')
  24.     },
  25.    
  26.     plugins: [
  27.         new HtmlWebpackPlugin({
  28.             template: './index.pug'
  29.         }),
  30.        
  31.         new CleanWebpackPlugin() ,
  32.  
  33.         new HtmlWebpackPugPlugin(),
  34.  
  35.         new CssUrlRelativePlugin()
  36.     ],
  37.  
  38.     module: {
  39.         rules: [
  40.             {
  41.                 test: /\.css$/,
  42.                 use: ['style-loader','css-loader']
  43.             },
  44.            
  45.             {
  46.                 test: /\.(png|jpg|svg|gif|ico)$/,
  47.                 use: ['file-loader']
  48.             },
  49.             {
  50.                 test: /\.pug$/,
  51.                 use: [{
  52.                     loader: 'pug-loader',
  53.                     options: {
  54.                         pretty: true
  55.                     }
  56.                 }]
  57.             },
  58.             {
  59.                 test: /\.s[ac]ss$/i,
  60.                 use: [
  61.                   "style-loader",
  62.                   "css-loader",
  63.                   "sass-loader",
  64.                 ],
  65.             },
  66.             {
  67.                 test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
  68.                 use: [
  69.                   {
  70.                     loader: 'file-loader',
  71.                     options: {
  72.                       name: '[name].[ext]',
  73.                       outputPath: 'fonts/'
  74.                     }
  75.                   }
  76.                 ]
  77.             }
  78.         ]
  79.     }
  80. }
RAW Paste Data