zoukankan      html  css  js  c++  java
  • 【webpack】----webpack基本配置

    const path = require("path");
    const HtmlWebpackPlugin = require("html-webpack-plugin");
    //配置路径
    const PATH = {
        //path.jion 把当前文件的绝对路径与相对路径相结合生成新的路径
        app:path.join(__dirname,"src/index.js"),
        build:path.join(__dirname,"dist")
    }
    
    //module 打包的配置项
    module.exports = {
        entry:{
            app:PATH.app
        },
        output:{
            filename:"[name].js",
            path:PATH.build
        },
       module:{
        //test  匹配类型 通过loader进行合并
           rules:[
               {
                    test:/.(js|jsx)$/,
                    use:{
                     //打包js  一个打包的工具
                        loader:"babel-loader",
                        options:{
                            presets:["@babel/env","@babel/react"]
                        }
                    },
                   exclude:__dirname+"node_modules"
               },{
                   test:/.(css|scss)$/,
                   loader:["style-loader","css-loader","sass-loader"]
               }
           ]
       },
    //plugins  插件
       plugins:[
            new HtmlWebpackPlugin({
                template:"index.html",
                filename:"index.html"
            })
       ]
    
    }        
  • 相关阅读:
    翻转数组
    股神
    刮刮卡兑换
    军训队列
    击鼓传花
    上台阶
    @Service空指针异常 -JUNIT测试
    insert 配置信息
    url地址重叠
    shop = mapper.readValue(shopStr, Shop.class); shop=null的问题
  • 原文地址:https://www.cnblogs.com/asenper/p/9954486.html
Copyright © 2011-2022 走看看