with-webpack
开箱即用的 webpack,并且可以二次自定义配置, 和预制插件。
Install
$ npm i --save with-webpack
Use React (Javascript or Typescript)
Create configs
Make project tree like this:
public |
--index.html;
src |
--index.js;
scripts |
--webpack.config.js;
--webpack.dll.js;
Edit file:
scripts/webpack.config.js
const createConfig = ;const resolve = resolve; moduleexports = ;
scripts/webpack.dll.js
const createDll = ; moduleexports = ;
public/index.html
React App You need to enable JavaScript to run this app.
Add package.json
"dll": [
"react",
"react-dom",
// Add any static package, Use `npm run dll` build dll.js
],
"scripts": {
"web": "webpack-dev-server --config scripts/webpack.config.js",
"dll": "webpack --progress --config scripts/webpack.dll.js",
"build": "prod=1 webpack -config scripts/webpack.config.js",
"test": "jest"
},
run script
$ npm run dll # build dll.js in public/dll $ npm run web
Use react-native-web
Create react-native project:
$ react-native init MyProject$ cd MyProject
Use typescript and react-native-web, you need install:
$ yarn add --dev typescript react-native-typescript-transformer ts-jest @types/react @types/react-native @types/react-dom @types/jest @types/react-test-renderer$ yarn add with-webpack
Copy default react-native-web-config
$ cp -rf node_modules/with-webpack/react-native-web-config/* ./
Add package.json:
"dll": ,"scripts": ,
Run iOS project:
$ npm run dll$ npm run ios