您当前的位置:首页 > 前端 > webpack安装及打包html资源

webpack安装及打包html资源

日期:2021-07-31 10:02:18    浏览:213

webpack安装

开放模式
npm install webpack webpack-cli -D

//打包用到的两种模式,开发模式和生产模式
development | production
webpack --mode production    // 默认 src目录

node dist/main.js  //运行

//指定入口文件,和输出目录
webpack ./src/index.js -o ./build/build.js --mode development   //-o代表输出目录


webpack //一条命令直接打包

打包html资源
安装插件
npm i html-webpack-plugin -D

提取css为单独文件
npm i mini-css-extract-plugin -D

//处理浏览器css兼容问题
npm i post-loader postcss-preset-env -D

 

 

Tags: webpack 打包

世事无常

要有遥不可及的梦想,也要有脚踏实地的本事