taro 引入js_小程序开发神兵利器-Taro实战-02

写在前面

上一篇文章我们运行了第一个helloworld程序，为了后续功能开发，我们需要对目录结构进行相应的改造，并完成第一个页面的结构部分。

项目改造

taro配置修改

这一步的目的是为了以后为小程序云开发留出余地，修改的同时别忘了将miniprogram放到.gitignore中

项目根目录下创建app文件夹，将项目根目录下的project.config.json移动到app目录下

并修改 project.config.json

# 将"miniprogramRoot": "./dist",# 修改为"miniprogramRoot": "miniprogram/",

修改config/index.js

# 将outputRoot: 'dist'# 修改为outputRoot: 'app/miniprogram'# 添加别名，在后续开发中直接使用别名导入模块alias: {    '~assets': path.resolve(__dirname, '..', 'src/assets'),    '~services': path.resolve(__dirname, '..', 'src/services'),    '~components': path.resolve(__dirname, '..', 'src/components'),    &#