# project-scripts > Extends create-react-app's webpack features and support modify configurations Latest version **1.1.1-rc** (published 2018-01-16) · MIT license · 0 weekly downloads ## Install ```sh npm install project-scripts pnpm add project-scripts yarn add project-scripts bun add project-scripts ``` Provides the command `project-scripts`. ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.1.1-rc | | Published | 2018-01-16 | | First published | 2017-12-06 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 40 | | Known vulnerabilities | 0 (+8 in 2 direct dependencies) | | Install scripts | no | | Maintainers | zonebond | ## Links - npm: https://www.npmjs.com/package/project-scripts - npm.io page: https://npm.io/package/project-scripts ## Dependencies (40) - [jest](https://npm.io/package/jest.md) 20.0.4 - [less](https://npm.io/package/less.md) ^2.7.2 - [chalk](https://npm.io/package/chalk.md) 1.1.3 - [dotenv](https://npm.io/package/dotenv.md) 4.0.0 - [eslint](https://npm.io/package/eslint.md) 3.19.0 - [promise](https://npm.io/package/promise.md) 7.1.1 - [webpack](https://npm.io/package/webpack.md) 2.6.1 - [fs-extra](https://npm.io/package/fs-extra.md) 3.0.1 - [babel-core](https://npm.io/package/babel-core.md) 6.25.0 - [babel-jest](https://npm.io/package/babel-jest.md) 20.0.3 - [css-loader](https://npm.io/package/css-loader.md) 0.28.4 - [url-loader](https://npm.io/package/url-loader.md) 0.5.9 - [file-loader](https://npm.io/package/file-loader.md) 0.11.2 - [less-loader](https://npm.io/package/less-loader.md) ^4.0.5 - [autoprefixer](https://npm.io/package/autoprefixer.md) 7.1.1 - [babel-eslint](https://npm.io/package/babel-eslint.md) 7.2.3 - [babel-loader](https://npm.io/package/babel-loader.md) ^7.1.1 - [style-loader](https://npm.io/package/style-loader.md) 0.18.2 - [whatwg-fetch](https://npm.io/package/whatwg-fetch.md) 2.0.3 - [babel-runtime](https://npm.io/package/babel-runtime.md) 6.23.0 - [eslint-loader](https://npm.io/package/eslint-loader.md) 1.7.1 - [object-assign](https://npm.io/package/object-assign.md) 4.1.1 - [postcss-loader](https://npm.io/package/postcss-loader.md) 2.0.6 - [react-dev-utils](https://npm.io/package/react-dev-utils.md) ^3.0.2 - [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) 2.5.0 - [eslint-plugin-react](https://npm.io/package/eslint-plugin-react.md) 7.1.0 - [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) 2.29.0 - [react-error-overlay](https://npm.io/package/react-error-overlay.md) ^1.0.9 - [babel-preset-stage-0](https://npm.io/package/babel-preset-stage-0.md) ^6.24.1 - [eslint-plugin-import](https://npm.io/package/eslint-plugin-import.md) 2.2.0 - [babel-preset-react-app](https://npm.io/package/babel-preset-react-app.md) ^3.0.1 - [eslint-plugin-flowtype](https://npm.io/package/eslint-plugin-flowtype.md) 2.34.0 - [eslint-plugin-jsx-a11y](https://npm.io/package/eslint-plugin-jsx-a11y.md) 5.0.3 - [postcss-flexbugs-fixes](https://npm.io/package/postcss-flexbugs-fixes.md) 3.0.0 - [eslint-config-react-app](https://npm.io/package/eslint-config-react-app.md) ^1.0.5 - [webpack-manifest-plugin](https://npm.io/package/webpack-manifest-plugin.md) 1.1.0 - [sw-precache-webpack-plugin](https://npm.io/package/sw-precache-webpack-plugin.md) 0.11.3 - [extract-text-webpack-plugin](https://npm.io/package/extract-text-webpack-plugin.md) 2.1.2 - [case-sensitive-paths-webpack-plugin](https://npm.io/package/case-sensitive-paths-webpack-plugin.md) 2.1.1 - [babel-plugin-transform-decorators-legacy](https://npm.io/package/babel-plugin-transform-decorators-legacy.md) ^1.3.4 ## Recent versions - 1.1.1-rc (latest) — 2018-01-16 - 1.0.2-beta (beta) — 2017-12-07 - 1.1.0-rc — 2018-01-16 - 1.1.0-alpha — 2017-12-07 - 1.1.0-beta — 2017-12-07 - 1.0.1-beta — 2017-12-07 - 1.0.0-beta — 2017-12-06 ## README # Project-Scripts Create React apps with no build configuration. It also supports custom build configurations, and with a mix of raw and custom configurations 创建没有build配置的React应用程序。 支持自定义构建配置，以及原始和自定义配置的组合 ## Quick Overview ```sh npm install project-scripts -D project-scripts start ``` ### Installation ```sh npm install project-scripts -D project-scripts start or project-scripts build ``` ### Directory After package already installed, to create directory for configuration files of webpack in the project root directory. like this. 当包安装完成后，在根目录下创建project-scripts目录，放置webpack配置文件。如下。 ... project-root ... - - - - ``` |----- node_modules |---- |----- public |----- src package.json ... ... ``` - - - - ### How To Use In the "project-scripts" directory. create webpack configs files. There are 3 optional files : dev.js development-mode file bin.js publish-build-mode file server.js devServer-config file 在“project-scripts”目录下放置webpack工程化脚本。 脚本有三个选择：dev.js 开发模式配置文件 bin.js 发布模式配置文件 server.js devServer配置文件 ... project-scripts ... - - - - ``` | -- project-scripts | -- dev.js | -- bin.js | -- server.js ... ... ``` - - - - Use commonJS to expose custom configuration items. and system will merge custom items to default items, if there has the default configurations, it will override the default configuration. 使用commonJS方式暴露自定义的配置项，系统将会合并这些项目到默认配置。如果相同则会覆盖默认配置。 ![](Project-Scripts/0CCB0C9A-461C-4538-9350-CF5ADCFFB5B1.png) ### Run Scripts In the package.json config scripts, use : project-scripts 配置package.json scripts 使用 project-scripts <模式> 指令 **Note: As of now, only open dev and bin two modes** **截至目前只开放了dev与bin两种模式** ![](Project-Scripts/39A7B31C-1882-4690-BBD6-EEE8F5717F8D.png) - - - - 了解更多关于js包管理工具： https://www.npmjs.com/ or https://yarnpkg.com/zh-Hans/ 了解更多关于webpack工程化的内容： https://webpack.js.org/ --- _Source: https://npm.io/package/project-scripts · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._