后台搭建
- 项目初始化
- npm init -y
- 安装webpack
- yarn add webpack@4.46.0 -D
- 安装webpack-cli
- yarn add webpack-cli@3 -D
- 创建webpack.config.js配置文件
*
const path=require("path")//引入path插件
module.export={
//入口文件
entry:{
"js/app":"./src/app.js"
},
//输出文件
output:{
path:path.join(__dirname,"./dist"),
filename:"app.js"
}
}
- 创建一个src文件夹,
- 在该文件夹下创建app.js文件
- 接下来运行webpack文件,
- 在package.json文件内的script中写入
“build”:"webpack"
-
接下来运行webpack的命令则为
- npm run build
-
出现一个设置开发模式和生产模式的问题,
- 在webpack.config.js中输出模块中写入
- “mode”:“production/development(用这个