• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Webpack 基本开发环境: 一个 webpack 基础开发环境,开箱即用,无需二次配置 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

Webpack 基础开发环境

此环境目前支持以下几种开发:

  • TypeScript
  • Vuejs ( 支持 vue 单文件组件,不支持 vuejs 版本的 jsx )
  • React
  • css
  • less
  • scss

开发与打包

  1. 下载此仓库后,需要先使用 npm installcnpm install 或者 yarn install 安装基本的依赖
  2. 开发过程可以使用 npm test 或者 yarn test 启动打包,此命令会自动监听 src 目录下的文件变化
  3. 也可以使用 npm start 或者 yarn start 启动开发服务器
    开发服务器默认监听 8080 端口,可以在浏览器中输入 http://0.0.0.0:8080/ 进行调试
    其他设备同一局域网的设备也可以通过 http://[本机IP]:8080/ 的方式访问
  4. 开发过程结束后,可以使用 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 的类型检查。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap