vue 之 pageage.json 和 webpack.config.js
一.pageage.json
注意点:
1/在生成该文件的时候,一定要注意文件夹不能包含特殊和中文字符
执行命令 :
1 | npm init -y |
2/pageage.json文件内容:
{ "name": "meetwebpack", //名字 "version": "1.0.0", //版本 "description": "", //描述 "main": "index.js", //入口文件 "scripts": { //执行脚本 "test": "echo \"Error: no test specified\" && exit 1", "build":"webpack" }, "author": "", //作者 "license": "ISC", "dependencies": { //开发时依赖 "webpack": "^3.6.0" }, "dependencies":{ //运行时依赖 } }
2.webpack.config.js
注意点:
1/先安装环境
(1)依赖于node环境
(2)运行命令 (这里的3.6.0主要是因为与脚手架2.0匹配)
1 | npm install webpack@3.6.0 -g |
(3)开始配置文件
dist文件:用于存放之后打包的文件
src:用于存放开发的源文件
main.js 项目入口文件
mathUtils.js 定义相关函数内容
展示用的首页:index.html
打包语句:webpack ./src/main.js ./dist/bundle.js
2/webpack.config.js文件
const path = require("path"); module.exports = { entry: "./src/main.js", output: { path: __dirname + "/dist", filename: "bundle.js", }, };
执行命令: webpack 即可 (若是有多个配置文件:webpack aaa.config.js)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现