webpack

• 一、Install
• • 1.全局安装
  • 2.局部安装
• 二、总结
• • 1.打包
  • 2.定义脚本
  • 3.配置文件定义（webpack.config.js)
  • 4.项目重新加载依赖
  • 5.webpack打包Css
  • 6.style-loader

一、Install

1.全局安装

npm install webpack webpack-cli -g

2.局部安装

进入项目目录

//当在开放环境使用这个
npm install webpack webpack-cli -D

//当在生产环境后
npm install webpack webpack-cli

二、总结

1.打包

对项目进行打包

//可以这样使用，但很奇怪
npx webpack

2.定义脚本

//执行脚本
npm run build

3.配置文件定义（webpack.config.js)

4.项目重新加载依赖

//直接使用指令
npm install

5.webpack打包Css

npm install css-loader -D

    module:{
        rules:[
            {
                test:/\.css$/,
                loader:"css-loader"
            }
        ]
    }

6.style-loader

npm install style-loader -D

                use:[
                    "style-loader",
                    "css-loader"
                ]