English | [ç®ä½ä¸æ](./README_zh-CN.md)
# ice-scripts
[![NPM version](https://img.shields.io/npm/v/ice-scripts.svg?style=flat)](https://npmjs.org/package/ice-scripts)
[![Build Status](https://img.shields.io/travis/ice-lab/ice-scripts.svg?style=flat)](https://travis-ci.org/ice-lab/ice-scripts)
[![NPM downloads](https://img.shields.io/npm/dm/ice-scripts.svg?style=flat)](https://npmjs.org/package/ice-scripts)
> ðConfigurable build tool for React project based on webpack. Find detailed instructions in [its documentation](https://ice.work/docs/cli/about)
## Features
`ice-scripts` have everything you need to build a React app:
* Fully configurable via `ice.config.js`, allow your project to have it's configuration
* The plugin system provides rich features and allow the community to build reusable solutions
* Out of the box support for ES6+, TypeScripts, Less, Sass, CSS Modules
* Easy to modify built-in webpack configuration by webpack-chain
* Delightful JavaScript testing based on Jest
## Getting Started
> Recommend to create a React app via [iceworks](https://ice.work/iceworks)
```bash
# Install deps
$ npm install iceworks -g
# create an empty folder
$ mkdir iceapp && cd iceapp
# create react project
$ iceworks init
# install dependencies
$ npm install
```
Once the initialization is done, inside the created project, you can run some built-in commands:
```bash
$ npm start
```
Runs the app in development mode.
It will open `http://localhost:4444` for preview. The page will be automatically reloaded if you make changes to the code.
```bash
$ npm run build
```
Builds the app for prodution.
## Configuration
Out of the box, `ice-scripts` won't require you to use a configuration file. If you need to customize your project config, you can create a `ice.config.js` file in the root folder and `ice-scripts` will automatically use it.
**ice.config.js**
```js
const path = require('path');
module.exports = {
// basic options. see https://ice.work/docs/cli/config/config for more infomation
entry: 'src/index.js',
publicPath: './',
alias: {
'@components': path.resolve(__dirname, 'src/components/')
},
// ...
// see https://ice.work/docs/cli/plugin-list/fusion for more infomation
plugins: [
['ice-plugins-fusion', { themePackage: '@icedesign/theme' }],
],
// modify webpack configuration via webpack-chain
chainWebpack: (config) => {
config.devServer.hot(true);
}
}
```
## Contributors
Feel free to report any questions as an [issue](https://github.com/alibaba/ice/issues/new), we'd love to have your helping hand on `ice-scripts`.
If you're interested in `ice-scripts`, see [CONTRIBUTING.md](https://github.com/alibaba/ice/blob/master/.github/CONTRIBUTING.md) for more information to learn how to get started.
## License
[MIT](LICENSE)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
建议升级到 icejs。基于 webpack 的高可配置开发构建工具。.zip (292个子文件)
.babelrc 1KB
.babelrc 138B
rootCA.crt 866B
a.css 739B
a.css 735B
a.css 735B
a.css 735B
a.css 735B
a.css 735B
a.css 735B
.editorconfig 244B
font_377048_kjcjjyweu4sra4i.eot 8KB
font_377048_kjcjjyweu4sra4i.eot 8KB
font_377048_kjcjjyweu4sra4i.eot 8KB
font_377048_kjcjjyweu4sra4i.eot 8KB
font_377048_kjcjjyweu4sra4i.eot 8KB
font_377048_kjcjjyweu4sra4i.eot 8KB
font_377048_kjcjjyweu4sra4i.eot 8KB
.eslintignore 318B
.gitignore 201B
.gitignore 12B
index.html.hbs 16KB
demo.hbs 16KB
home.hbs 637B
adaptor.html.hbs 426B
adaptor.js.hbs 135B
index.js.hbs 48B
build.html 1KB
index.html 565B
img.jpg 207KB
img.jpg 207KB
img.jpg 207KB
img.jpg 207KB
img.jpg 207KB
img.jpg 207KB
img.jpg 207KB
designTokens.js 8KB
index.js 8KB
process-assets.js 7KB
dev.js 6KB
index.js 5KB
Context.js 5KB
appendStyleWebpackPlugin.js 5KB
index.js 4KB
index.js 4KB
setWebpackLoaders.js 4KB
componentStyleGenerator.js 4KB
screenShot.js 3KB
webpack-plugin-import.js 3KB
index.js 3KB
markdownHelper.js 3KB
getSmartLoaderCode.js 3KB
buildDll.js 3KB
buildSrc.js 3KB
index.js 3KB
getLoadScriptsCode.js 3KB
getPuppeteer.js 2KB
userConfig.test.js 2KB
processEntry.js 2KB
test.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
demoRouter.js 2KB
setWebpackPlugins.js 2KB
build.js 2KB
getCalcVars.js 2KB
depAnalyze.js 2KB
prepareURLs.js 2KB
bizComponentsVersion.js 2KB
index.js 2KB
css-prefix-plugin.js 2KB
child-process-dev.js 2KB
wrapCodeWebpackPlugin.js 2KB
index.js 2KB
index.js 2KB
configBabel.js 2KB
index.js 2KB
createServer.js 2KB
getBabelConfig.js 2KB
index.js 2KB
getCertificate.js 1KB
getThemeVars.js 1KB
entry.js 1KB
build.js 1KB
Context.test.js 1KB
index.js 1KB
ice-scripts.js 1KB
index.js 1KB
index.js 1KB
proxy.js 1KB
index.js 1KB
webpack-integration.test.js 1KB
adaptorBuild.js 1KB
index.js 1KB
getThemeCode.js 1KB
matchPath.js 1KB
dev.js 1KB
index.js 1KB
index.js 1KB
共 292 条
- 1
- 2
- 3
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- JavaScript 算法题
- 基于OpenCV实现双目视觉测距系统完整源码+全部数据.zip
- Python爬虫是一种自动从互联网上提取信息的程序 要开始使用Python进行爬虫,你需要了解以下基础知识
- JavaScript 使用技巧.md
- 一个简单的Python爬虫实例,使用requests和BeautifulSoup库爬取网页标题和链接 我们将以爬取豆瓣电影为例
- 一个python爬虫反爬机制及具体实例
- 背多分组-塔斯汀商业画布.pdf
- INTRODUCTION TO OPERATIONS RESEARCH 11th Edition
- Note-TJF.txt
- EasyRoads3D Pro v3
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功