Webpack 基础开发环境此环境目前支持以下几种开发: - TypeScript
- Vuejs ( 支持 vue 单文件组件,不支持 vuejs 版本的 jsx )
- React
- css
- less
- scss
开发与打包- 下载此仓库后,需要先使用
npm install 、cnpm install 或者 yarn install 安装基本的依赖 - 开发过程可以使用
npm test 或者 yarn test 启动打包,此命令会自动监听 src 目录下的文件变化 - 也可以使用
npm start 或者 yarn start 启动开发服务器 开发服务器默认监听 8080 端口,可以在浏览器中输入 http://0.0.0.0:8080/ 进行调试 其他设备同一局域网的设备也可以通过 http://[本机IP]:8080/ 的方式访问 - 开发过程结束后,可以使用
npm run build 或者 yarn build 生成生成环境下需要的文件 文件存放在 dist 目录下(index.html 文件除外) 默认会生成详细的 .map 文件,便于调试及后期的查错,但不建议部署到生产环境中
配置说明默认的入口文件为 src/index (可加支持自动补全的后缀,如 src/index.tsx ) 支持自动补全的后缀(顺序): - .tsx
- .ts
- .vue
- .jsx
- .mjs
- .js
- .less
- .scss
- .sass
- .css
- .module.less
- .module.scss
- .module.sass
- .module.css
- .png
- .svg
- .gif
- .jpeg
- .jpg
环境采用 Webpack + babel 部署,所以不支持 TypeScript 的类型检查。 |
请发表评论