webpack 工程化
前端工程化 webpack
html自动快速生成语法
ul>li{这是第$个li}*9
1.新建项目目录,运行 npm init -y 初始化package.json
2. npm install jquery -s 安装jquery
项目中安装webpack -D 代表 devDependencies
npm install webpack@5.42.1 webpack-cli@4.7.2 -D
webpack的基本使用
执行流程 npm run dev 会执行script下的dev对应的webpack,然后去读取根目录下webpack.config.js配置
webpack 的默认文件入口文件 src/index.js (entry 可以执行入口文件)
默认输出文件路径 dist/main.js
webpack 插件
webpack-dev-server 当源代码修改,自动对项目进行打包和构建,并存放内存
安装webpack-dev-server:npm install webpack-dev-server@3.11.2 -D
配置 package.json中修改
"scripts": {
"dev": "webpack serve"
}
npm 语法
import $ from 'jquery'