帮酷LOGO
  • 显示原文与译文双语对照的内容
文章标签:builds  构建  Lodash  Modular  
Modular lodash builds without the hassle

  • 源代码名称:babel-plugin-lodash
  • 源代码网址:http://www.github.com/lodash/babel-plugin-lodash
  • babel-plugin-lodash源代码文档
  • babel-plugin-lodash源代码下载
  • Git URL:
    git://www.github.com/lodash/babel-plugin-lodash.git
  • Git Clone代码到本地:
    git clone http://www.github.com/lodash/babel-plugin-lodash
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/lodash/babel-plugin-lodash
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • babel-plugin-lodash

    一个简单的转化到Lodash的模块,所以你不必。

    结合 lodash-webpack-plugin 更小的樱桃 picked !

    安装

    $ npm i --save lodash
    $ npm i --save-dev babel-plugin-lodash @babel/cli @babel/preset-env

    示例

    转换

    import_from'lodash'import { add } from'lodash/fp'constaddOne=add(1)_.map([1, 2, 3], addOne)

    大致到

    import_addfrom'lodash/fp/add'import_mapfrom'lodash/map'constaddOne=_add(1)_map([1, 2, 3], addOne)

    用法

    。babelrc
    {
     "plugins": ["lodash"],
     "presets": [["@babel/env", { "targets": { "node": 6 } }]]
    }

    使用 [pluginName, optionsObject]的array 设置插件选项。

    {
     "plugins": [["lodash", { "id": "lodash-compat", "cwd": "some/path" }]],
     "presets": [["@babel/env", { "targets": { "node": 6 } }]]
    }

    options.id 可以是id的array 。

    {
     "plugins": [["lodash", { "id": ["async", "lodash-bound"] }]],
     "presets": [["@babel/env", { "targets": { "node": 6 } }]]
    }
    Babel
    $ babel --plugins lodash --presets @babel/es2015 script.js
    Babel API
    require('babel-core').transform('code', {
     'plugins': ['lodash'],
     'presets': [['@babel/env', { 'targets': { 'node':6 } }]]
    })
    webpack.config.js
    'module': {
     'loaders': [{
     'loader':'babel-loader',
     'test':/.js$/,
     'exclude':/node_modules/,
     'query': {
     'plugins': ['lodash'],
     'presets': [['@babel/env', { 'targets': { 'node':6 } }]]
     }
     }]
    }

    常见问题解答

    这个插件能产生ES2015导入而不是CommonJS导入?

    这里插件默认生成ES2015导入。 @babel/plugin-transform-modules-commonjs 插件插件,包含在 @babel/preset-es2015 预设中,将 ES2015 import 语句转换为 CommonJS 。 从预设中省略它以保留ES2015样式导入。

    限制

    • 你必须使用ES2015导入来加载 Lodash
    • 不支持 Babel <6 & node.js <4
    • 不支持链序列。请参见这个博客文章
    • 不支持模块化方法包


    文章标签:构建  Modular  builds  Lodash  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语