webpack学习

目前webpack还在详细研究中,研究到哪一块,有时间就会整理出来
1.关于expose-loader
expose-loader给全局对象添加模块。这对于debugging或支持jQuery这类依赖全局变量库是非常有用的。
安装方法:
npm i expose-loader --save--dev
使用方法:
(1)只用引入require("expose-loader?$!jquery");
注意:jquery是相对路径哦~

(2)在配置文件module下的rules如:

module: {
  rules: [{
          test: require.resolve('jquery'),
          use: [{
              loader: 'expose-loader',
              options: '$'
          }]
      }]
}

注意:
require.resolve是Node的回调函数,在webpack中没有。 require.resolve给你的相对路径是"/.../app/node_modules/react/react.js")。所以这种方式只适用于react。

2.关于css-loader

3.关于DevServer
它支持的是一个对象,对象的key值有很多
disableHostCheck: true,设置这个就可以通过本地的IP地址代替localhost来访问

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是Webpack? 按照官方文档的解释,Webpack就是个模块打包工具,将模块及其依赖打包生成静态资源。在W...
    Www刘阅读 3,909评论 2 10
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,333评论 7 110
  • AMD(异步模块定义)是为浏览器环境设计的,因为 CommonJS 模块系统是同步加载的,当前浏览器环境还没有准备...
    西柚子啊喂阅读 2,325评论 0 0
  • Webpack学习总结 此文只是自己学习webpack的一些总结,方便自己查阅,阅读不变,非常抱歉!! 下载安装:...
    Lxs_597阅读 4,590评论 0 0
  • Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境...
    stiller阅读 3,633评论 0 3