1.0.11 • Published 4 years ago

earth-scripts v1.0.11

Weekly downloads
12
License
ISC
Repository
github
Last release
4 years ago

注:

react v15.x 使用earth-scripts@0.x版本

react v16.x 使用earth-scripts@1.x版本

config

  • polyfill.js
  • webpack.config.dev.js
  • webpack.config.prod.js
  • alias.js deprecated, webpackConfig.resolve.alias代替
    module.exports = {
      moduleName: '/path-to-module/xx'
    }
  • cdnPath.js deprecated, webpackConfig.output.publicPath代替
    module.exports = {
      prodJsCDN: 'http://j1.cdn.com',
      prodCssCDN: 'http://c1.cdn.com',
      prodImgCDN: 'http://img1.cdn.com',
      prodMediaCDN: 'http://media1.cdn.com'
    }
  • filenames.js deprecated, webpackConfig.output.publicPath代替
    module.exports = {
      dev: {
           js: 'static/js/[name].js',
           jsChunk: 'static/js/[name].chunk.js',
           css: '', // 在<style>中,无需配置
           img: 'static/img/[name].[hash:8].[ext]',
           media: 'static/media/[name].[hash:8].[ext]'
      },
      prod: {
          js: `static/js/[name].[chunkhash:8].js`,
          jsChunk: `static/js/[name].[chunkhash:8].chunk.js`,
          css: `static/css/[name].[chunkhash:8].css`,
          img: `static/img/[name].[chunkhash:8].[ext]`,
          media: `static/media/[name].[chunkhash:8].[ext]`
      }
    }

扩展webpack配置

在项目下建立config/webpack.config.dev.js 或者 config/webpack.config.prod.js来修改默认webpack配置

例:

webpack.config.dev.js

module.exports = {
    // todo: 支持output, externals, plugins,其他的字段都会被忽略用默认的
    output: {
        // 注: 确保 publicPath 总是以斜杠(/)开头和结尾
        publicPath: '/abc/',
        // 将原来的config/filenames.js配置到这里
        filenames: {
            js: 'static/js/[name].js',
            jsChunk: 'static/js/[name].chunk.js',
            css: '', // 在<style>中,无需配置
            img: 'static/img/[name].[hash:8].[ext]',
            media: 'static/media/[name].[hash:8].[ext]'
        }
    },
    resolve: {
        alias: {...}
    }
    externals: {
        echarts : {
            root: "echarts", // 指向全局变量
            entry: { // cdn地址
                path: 'https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.2/echarts.js',
                type: 'js',
            },
            files: ['index.html', 'test.html'] // 适用于哪个文件
        },
        jquery: {
            root: "jQuery", // 暴露给window的变量,例window.jQuery。 使用:import jQuery from 'jquery'
            entry: { // cdn地址
                path: 'http://code.jquery.com/jquery-3.3.1.min.js',
                type: 'js',
            },
            files: ['index.html'] // 适用于哪个文件
        }
    },
    cssModule: {
        exclude: ['node_modules,', 'src/static'] // 不需要css module的文件
        localIdentName: '[name]__[local]-[hash:base64:5]' // class命名方式
    },
    plugins: [
        // 可添加额外的plugins。如果添加的plugin在默认plugin里有,则会忽略
    ]
};

webpack.config.prod.js

module.exports = {
    // todo: 支持output,entry.vendor, plugins,其他的字段都会被忽略
    output: {
        // 字符串形式。
        // 资源用统一的cdn路径。
        publicPath: 'https://xxx.xxx.cdn',
        // or 对象形式。不同资源用不同的cdn
        // publicPath: {
        //    js: 'https://x1.xxx.cdn',
        //    css: 'https://x2.xxx.cdn',
        //    img: 'https://x3.xxx.cdn',
        //    media: 'https://x4.xxx.cdn'
        // },
        // 将原来的config/filenames.js配置到这里
        filenames: {
             js: 'static/js/[name].js',
             jsChunk: 'static/js/[name].chunk.js',
             css: '', // 在<style>中,无需配置
             img: 'static/img/[name].[hash:8].[ext]',
             media: 'static/media/[name].[hash:8].[ext]'
        }
    }
    entry: {
        vendor: ['immutable'],
    },
    resolve: {
        alias: {...} // 同上
    }
    externals: {
        echarts : {
            root: "echarts", // 指向全局变量
            entry: { // cdn地址
                path: 'https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.2/echarts.js',
                type: 'js',
            },
            files: ['index.html', 'test.html'] // 适用于哪个文件
        },
        jquery: {
            root: "jQuery", // 暴露给window的变量,例window.jQuery。 使用:import jQuery from 'jquery'
            entry: { // cdn地址
                path: 'http://code.jquery.com/jquery-3.3.1.min.js',
                type: 'js',
            },
            files: ['index.html'] // 适用于哪个文件
        }
    },
    cssModule: {} // 同上
    plugins: [
        // 可添加额外的plugins。如果添加的plugin在默认plugin里有,则会忽略
    ]
};
相关资料

使用.env

项目根目录下添加.env.development或.env.production文件

development环境下使用.env.development

production环境下使用.env.production

例:

dev环境下配置:
HOST=3001 // 自定义端口号
BROWSER_ROUTER=true // 是否使用BrowserRouter

prod环境下配置:
ENABLE_BUNDLE_ANALYZE=true // 在npm run build后会启用js包分析工具

mock server

npm run start在"proxy"的地址是localhost、127.0.0.1、本机ip时会启动mockserver,port为配置的端口号。 否则不会在本机启动mock server

”proxy”: “http://localhost:3001/“

自定义mock server

package.json增加字段:

"mockRoot":"server.js"

server.js为mock文件夹下自定义的mock server启动文件。如果不配置,则用默认的server

可通过 npm run start -- stopmock在dev环境下不启用mock

dev环境下browserRouter优化

page.html在url上会转化为page

例:

http://localhost:3000/index.html/[browerRouter内容]

会转化为

http://localhost:3000/index/[browerRouter内容]

需要在Router配置中加basename: publicPath(如果设置) + pageName

// publicPath: '/abc/'
// 当前pagename: 'pay.html'

<Router basename='/abc/pay'>
  ....
</Router>
1.0.11

4 years ago

3.0.13-beta.3

4 years ago

3.0.14

4 years ago

3.0.13-beta.2

4 years ago

3.0.13-beta.1

4 years ago

3.0.13

4 years ago

3.0.13-beta.0

4 years ago

3.0.12

4 years ago

3.0.11

4 years ago

3.0.11-beta.0

4 years ago

3.0.10

4 years ago

3.0.10-beta.1

4 years ago

3.0.9

5 years ago

3.0.8

5 years ago

3.0.7

5 years ago

3.0.6

5 years ago

3.0.5

5 years ago

3.0.4

5 years ago

3.0.3

5 years ago

3.0.2

5 years ago

3.0.2-beta

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

3.0.0-alpha.4

5 years ago

3.0.0-alpha.3

5 years ago

3.0.0-alpha.2

5 years ago

3.0.0-alpha.1

5 years ago

3.0.0-alpha.0

5 years ago

1.1.0

5 years ago

2.0.0-beta.2.1.0

5 years ago

1.0.10

5 years ago

2.0.0-beta.2.0.1

5 years ago

2.0.0-beta.2.0.0

5 years ago

1.0.9

5 years ago

2.0.0-beta.1.2.3

5 years ago

1.0.8

5 years ago

1.0.8-beta.0

5 years ago

1.0.7

5 years ago

1.0.7-beta.1

5 years ago

2.0.0-beta.1.2.2

5 years ago

2.0.0-beta.1.2.1

5 years ago

2.0.0-beta.1.2.0

5 years ago

2.0.0-beta.1.1.5

5 years ago

2.0.0-beta.1.1.4

5 years ago

2.0.0-beta.1.1.3

5 years ago

2.0.0-beta.1.1.2

5 years ago

2.0.0-beta.1.1.1

5 years ago

2.0.0-beta.11

5 years ago

2.0.0-beta.10

5 years ago

2.0.0-beta.1.1.0

5 years ago

2.0.0-beta.1.0.1

5 years ago

2.0.0-beta.1.0.0

5 years ago

2.0.0-beta.9

5 years ago

2.0.0-beta.8

5 years ago

2.0.0-beta.7

5 years ago

2.0.0-beta.6

5 years ago

2.0.0-beta.5

5 years ago

2.0.0-beta.4

5 years ago

2.0.0-beta.3

5 years ago

2.0.0-beta.2

5 years ago

2.0.0-beta.1

5 years ago

2.0.0-beta.0

5 years ago

1.1.0-alpha.30

5 years ago

1.1.0-alpha.29

5 years ago

1.1.0-alpha.28

5 years ago

1.1.0-alpha.27

5 years ago

1.1.0-alpha.26

5 years ago

1.1.0-alpha.25

5 years ago

1.1.0-alpha.24

5 years ago

1.1.0-alpha.23

5 years ago

1.1.0-alpha.22

5 years ago

1.1.0-alpha.21

5 years ago

1.1.0-alpha.20

5 years ago

1.1.0-alpha.14

5 years ago

1.1.0-alpha.13

5 years ago

1.1.0-alpha.12

5 years ago

1.1.0-alpha.11

5 years ago

1.1.0-alpha.10

5 years ago

1.1.0-alpha.9

5 years ago

1.0.6

5 years ago

1.0.6-beta.0

5 years ago

1.1.0-alpha.8

6 years ago

1.1.0-alpha.7

6 years ago

1.1.0-alpha.6

6 years ago

1.1.0-alpha.5

6 years ago

1.1.0-alpha.4

6 years ago

1.1.0-alpha.3

6 years ago

1.1.0-alpha.2

6 years ago

1.1.0-alpha.1

6 years ago

1.1.0-alpha.0

6 years ago

1.0.5

6 years ago

0.2.7

6 years ago

1.0.4

6 years ago

0.2.6

6 years ago

0.2.5

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.2-beta

6 years ago

0.2.4

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago

1.0.0-beta.4

6 years ago

1.0.0-beta.3

6 years ago

1.0.0-beta.2

6 years ago

1.0.0-beta

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.10

6 years ago

0.1.9

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago