新建项目
新建工程文件夹
|
|
初始化工程
除了package name 其他都默认敲回车即可
|
|
组织目录结构
src
目录存放工程代码,dist
最终由webpack生成
|
|
安装依赖
- 安装全局webpack
|
|
- 安装TypeScript
|
|
配置WebStorm自动编译ts文件
打开配置页面WebStorm>Preferences
快捷键?,
,按照如下配置,步骤2为node
环境目录
参考文献
Autoprefixer是一个后处理程序,你可以同Sass,Stylus或LESS等预处理器共通使用。它适用于普通的CSS,而你无需关心要为哪些浏览器加前缀,只需全新关注于实现,并使用W3C最新的规范。
- case-sensitive-paths-webpack-plugin
- chalk
- cli-highlight
- css-loader
- dotenv
- extract-text-webpack-plugin
- file-loader
- fs-extra
- fsevents
- html-webpack-plugin
- jest
- object-assign
- postcss-flexbugs-fixes
- postcss-loader
- promise
- react-dev-utils
- react-error-overlay
- source-map-loader
- style-loader
- sw-precache-webpack-plugin
- ts-loader
- tslint
- tslint-loader
- tslint-react
- typescript
- url-loader
- webpack
- webpack-dev-server
- webpack-manifest-plugin
- whatwg-fetch
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。