webpack 配置

//webpcak.config.js(文章为单入口,多入口许自己配置)

const path=require("path")

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports={

    entry:{

        index:'./src/index.js'

    },

    output:{

        filename:'[name].bundle.js',

        path:path.resolve(__dirname,'dist'),

        clean:true

    },

    module:{

        rules:[

            {

                test: /\.scss$/,

                use: [

                  {loader:'style-loader'},

                  {

                    loader: 'css-loader',

                   

                  }, {

                    loader: 'resolve-url-loader',

                 

                  }, {

                    loader: 'sass-loader',

                    options: {

                      sourceMap: true, // <-- !!IMPORTANT!!

                    }

                  }

                ]

              },

            { test: /\.handlebars$/i, loader: "handlebars-loader" },

            {

                test: /\.(png|svg|jpg|jpeg|gif)$/i,

                type: 'asset/resource',

              },

             

        ]

    },

    plugins: [new HtmlWebpackPlugin({

       

    })],

    devServer: {

        static: './dist',

      },

      optimization: {

        runtimeChunk: 'single',

      },

    mode:'development',  

}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值