zoukankan      html  css  js  c++  java
  • webpack 插件 ProvidePlugin 的使用方法和 eslint 配置

    ProvidePlugin:自动加载模块,而不必到处 import 或 require 。(点击查看官方文档)

    使用方法:

    配置 webpack.config.js文件里 plugins 属性

    new webpack.ProvidePlugin({
      identifier: 'module-name',
      // ...etc
    });

    示例用法:

    new webpack.ProvidePlugin({
      '_': 'lodash'
    });

    配置完以后就可以在代码里直接使用 _ ,而不再需要 import

     注意:(如果不配置eslint,浏览器就会报错:'_' is not defined no-undef)

     配置 package.json 里 eslintConfig 属性(或者在.eslintrc.js文件里进行配置 全局变量 globals)

    "eslintConfig": {
      "globals": {
        "_": true,
        // ...etc.
        // 注意package.json里不允许注释
      }
    }

    对于 ES2015 模块的 default export,你必须指定模块的 default 属性:

    new webpack.ProvidePlugin({
      identifier: ['module-name', 'property'],
      // ...etc.
    });

    示例:

    new webpack.ProvidePlugin({
      Vue: ['vue/dist/vue.esm.js', 'default']
    });
  • 相关阅读:
    JS 数组
    JS 模拟彩票
    C++ 动态内存
    计算机网络--OSI七层模型
    C++ 异常处理
    C++ 文件和流
    数据库学习教程网站
    数据结构--哈夫曼树
    数据结构--红黑树
    数据结构--伸展树
  • 原文地址:https://www.cnblogs.com/jserhub/p/11671780.html
Copyright © 2011-2022 走看看