webpack 安装 打包

Posted 2020-11-07 好好过

一, 下载node.js  https://nodejs.org/zh-cn/

二,

　　//全局安装 npm install -g webpack

　　//npm init 刷新webpack.json 文件

　　//安装到你的项目目录 npm install --save-dev webpack

　　1, 安装css-loader 和 style-loader

　　　　命令: cnpm install css-loader style-loader

三, webpack 打包

　　# {extry file}出填写入口文件的路径，本文中就是上述main.js的路径，

　　# {destination for bundled file}处填写打包文件的存放路径

　　# 填写路径的时候不用添加{} webpack {entry file} {destination for bundled file}

四, webpack4.0以上版本

　　打包js命令: npx webpack index.js --output-filename bundle.js --output-path . --mode development