前端学习--08 webpack打包工具

打包工具，将多个文件合成一个文件，减少前端请求次数

webpack安装

npm install -g webpack webpack-cli
npm install --save-dev style-loader css-loader

查看版本号

webpack -v

新建webpack目录，进入目录初始化

npm init -y

创建src文件夹，并创建common.js,utils.js,style.css
common.js

exports.info = function (str) {
    document.write(str);
}

utils.js

exports.add = function (a, b) {
    return a + b;
}

style.css

body{
    background:pink;
}

新建webpack.config.js

const path = require("path"); //Node.js内置模块
module.exports = {
    entry: './src/main.js', //配置入口文件
    output: {
        path: path.resolve(__dirname, './dist'), //输出路径，__dirname：当