webpack02

webpack.config

当需要打包很多的详细的配置，比如插件，需要用到webpack.config来打包

1、新建demo2文件夹 将demo1的src index.html复制到demo2中。

2、再demo2文件夹中新见一个webpack.config.js文件

let path =require("path")
module.exports={
    // 输入入口文件
    entry:"./src/index.js",
    output:{
        // 输出文件名称
        filesname:"bundle.js",
        // 输出的路径
        // 绝对路径   __dirname当前目录路径 he dist路径的整合
        path:path.resolve(__dirname,"dist")
    },
    mode:"development"
}

再demo2文件下直接webpack index.html文件运行后就会看到打包后的页面。

loader

用于对模块的源代码进行转换。可以再你使用import load
模块的时候预处理文件。可以将文件从不同的语言转换为javascript或讲内联图像转换为data url 。可以讲css文件引入到js文件。

import “./index.css”; js文件引入css。