update

Author: janryWang

examples/home.js

@@ -1 +1,3 @@
+import React from 'react'
+
 export default ()=><div>这是首页</div>

examples/package.json

@@ -1,11 +1,11 @@
 {
- "name":"doc-scripts-example",
- "version":"1.0.0",
- "scripts":{
- "start:doc":"doc-scripts start",
- "build:doc":"doc-scripts build"
+ "name": "doc-scripts-example",
+ "version": "1.0.0",
+ "scripts": {
+ "start:doc": "doc-scripts start",
+ "build:doc": "doc-scripts build"
  },
  "dependencies": {
- "doc-scripts":"^1.1.0"
+ "doc-scripts": "^1.1.0"
  }
 }

lib/webpack/base.js

@@ -51,7 +51,9 @@ module.exports = function (options) {
  extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
  alias: (_alias = {
  'react-highlight$': 'react-highlight/lib/optimized',
- 'styled-components': require.resolve('styled-components')
+ 'styled-components': require.resolve('styled-components'),
+ react: require.resolve('react'),
+ 'react-dom': require.resolve('react-dom')
  }, _alias[pkg.name] = getPkgPath(), _alias)
  },
  plugins: [new ProgressBarPlugin({

lib/webpack/doc-scripts-entry.js

@@ -61,9 +61,7 @@ function _settle(pact, state, value) {
 
 var cwd = process.cwd();
 
-var _Pact =
-/*#__PURE__*/
-function () {
+var _Pact = /*#__PURE__*/function () {
  function _Pact() {}
 
  _Pact.prototype.then = function (onFulfilled, onRejected) {

lib/webpack/doc-scripts-iframe.js

@@ -61,9 +61,7 @@ function _settle(pact, state, value) {
 
 var cwd = process.cwd();
 
-var _Pact =
-/*#__PURE__*/
-function () {
+var _Pact = /*#__PURE__*/function () {
  function _Pact() {}
 
  _Pact.prototype.then = function (onFulfilled, onRejected) {

package.json

@@ -1,6 +1,6 @@
 {
  "name": "doc-scripts",
- "version": "1.8.9",
+ "version": "1.8.10",
  "description": "react demo server",
  "main": "lib",
  "scripts": {

src/webpack/base.js

@@ -21,16 +21,16 @@ const getPkgPath = () => {
  }
 }
 
-module.exports = options => ({
+module.exports = (options) => ({
  mode: 'development',
  devtool: 'cheap-module-source-map',
  entry: {
- index:[entryPath],
- iframe:[iframePath]
+ index: [entryPath],
+ iframe: [iframePath],
  },
  output: {
  path: options.output ? options.output : path.resolve(cwd, './doc-site'),
- filename: 'statics/bundle.[name].[hash].js'
+ filename: 'statics/bundle.[name].[hash].js',
  },
  stats: 'errors-only',
  resolve: {
@@ -39,26 +39,28 @@ module.exports = options => ({
  alias: {
  'react-highlight$': 'react-highlight/lib/optimized',
  'styled-components': require.resolve('styled-components'),
- [pkg.name]: getPkgPath()
- }
+ react: require.resolve('react'),
+ 'react-dom': require.resolve('react-dom'),
+ [pkg.name]: getPkgPath(),
+ },
  },
  plugins: [
  new ProgressBarPlugin({
- clear: true
+ clear: true,
  }),
  new CaseSensitivePathsPlugin(),
  new webpack.ContextReplacementPlugin(
  /lib[/\\]languages$/,
  /javascript|htmlbars|typescript|scss|css|bash/
- )
+ ),
  ],
  module: {
  rules: [
  {
  test: /\.jsx?$/,
  loader: require.resolve('babel-loader'),
  exclude: /node_modules/,
- options: babelConfig
+ options: babelConfig,
  },
  {
  test: /\.tsx?$/,
@@ -67,116 +69,116 @@ module.exports = options => ({
  {
  loader: require.resolve('react-docgen-typescript-loader'),
  options: {
- propFilter: prop => {
+ propFilter: (prop) => {
  if (prop.parent == null) return true
  return !prop.parent.fileName.includes('node_modules')
- }
- }
- }
- ]
+ },
+ },
+ },
+ ],
  },
  {
  test: new RegExp(`${entryPath}|${iframePath}`),
  loader: require.resolve('val-loader'),
- options: options
+ options: options,
  },
  {
  test: /\.css$/,
  use: [
  {
  loader: require.resolve('style-loader'),
  options: {
- singleton: true
- }
+ singleton: true,
+ },
  },
- require.resolve('css-loader')
- ]
+ require.resolve('css-loader'),
+ ],
  },
  {
  test: /\.less$/,
  use: [
  {
  loader: require.resolve('style-loader'),
  options: {
- singleton: true
- }
+ singleton: true,
+ },
  },
  require.resolve('css-loader'),
- require.resolve('less-loader')
- ]
+ require.resolve('less-loader'),
+ ],
  },
  {
  test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
  loader: require.resolve('url-loader'),
  options: {
  limit: 10000,
- minetype: 'application/font-woff'
- }
+ minetype: 'application/font-woff',
+ },
  },
  {
  test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
  loader: require.resolve('url-loader'),
  options: {
  limit: 10000,
- minetype: 'application/font-woff'
- }
+ minetype: 'application/font-woff',
+ },
  },
  {
  test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
  loader: require.resolve('url-loader'),
  options: {
  limit: 10000,
- minetype: 'application/octet-stream'
- }
+ minetype: 'application/octet-stream',
+ },
  },
  {
  test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
  loader: require.resolve('url-loader'),
  options: {
  limit: 10000,
- minetype: 'application/vnd.ms-fontobject'
- }
+ minetype: 'application/vnd.ms-fontobject',
+ },
  },
  {
  test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
  loader: require.resolve('url-loader'),
  options: {
  limit: 10000,
- minetype: 'image/svg+xml'
- }
+ minetype: 'image/svg+xml',
+ },
  },
  {
  test: /\.(png|jpg|jpeg|gif)(\?v=\d+\.\d+\.\d+)?$/i,
  loader: require.resolve('url-loader'),
  options: {
- limit: 10000
- }
+ limit: 10000,
+ },
  },
  {
  test: /\.html?$/,
  loader: require.resolve('file-loader'),
  options: {
- name: '[name].[ext]'
- }
+ name: '[name].[ext]',
+ },
  },
  {
  enforce: 'pre',
  test: /\.md$/,
- use: require.resolve('react-demo-loader')
+ use: require.resolve('react-demo-loader'),
  },
  {
  test: /\.scss$/,
  use: [
  {
  loader: require.resolve('style-loader'),
  options: {
- singleton: true
- }
+ singleton: true,
+ },
  },
  require.resolve('css-loader'),
- require.resolve('fast-sass-loader')
- ]
- }
- ]
- }
+ require.resolve('fast-sass-loader'),
+ ],
+ },
+ ],
+ },
 })