Vue 教程(二十六)webpack 基本使用

Vue 教程(二十六)webpack 基本使用

vue 目标结构

在这里插入图片描述

string-utils.js 文件

在这里插入图片描述

math-utils.js 文件

在这里插入图片描述

main.js 文件

在这里插入图片描述

index.html 文件

在这里插入图片描述

打包命令:webpack src/main.js dist/bundle.js

vue 目标结构

  • dist:用于存放之后打包的文件

  • src:用于存放我们写的源文件

    • main.js:项目的入口文件
    • math-utils.js:定义了一些数学工具函数,可以在其他地方引用,并且使用
    • string-utils.js:定义了一些字符串,可以在其他地方引用,并且使用
  • index.html:浏览器打开展示的首页.html

  • package.json:通过 npm init 生成的,npm 包管理的文件(暂时没有用上,后面才会用上)

  • string-utils.js 文件

const length = function (str) {
   
  if (str == null || str == undefined) {
   
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值