zoukankan      html  css  js  c++  java
  • webpack基础配置

    webpack里主要的配置文件webpack.config.js

    上来我们先进行入口的配置

     entry是整个的起点,一切从这里出发。

    接下来就是出口,我们都知道webpack是个模块打包机。那就需要有把打包过后的东西存放的地方

    上面的内容,

    我们先是引入了path的模块,这个模块是用来操作文件路径,它是node的一个模块

    output.path是用来控制保存路径,

    output.filename是用来处理打包名称

    接下来就是loader

    webpack本身只能识别js语言,其他的语言识别不了,就需要loader去转换一下,转换成webpack能够识别的语言

     上面的内容,处理loader的配置都是在module.rules里的

    test用来以这个结尾的文件,要通过css-loader去转换一下。

    在下面就是plugins

    在打包的过程中我们可能还需要使用一些插件,插件的配置就是在plugins中的

     在使用之前,我们需要使用npm去安装对应的插件。

    安装后再plugins中进行配置,想要使用一个插件,你只需要 require() 它,然后把它添加到 plugins 数组中。

    多数插件可以通过选项(option)自定义。你也可以在一个配置文件中因为不同目的而多次使用同一个插件,这时需要通过使用 new 操作符来创建它的一个实例。

    最后一个是模式mode

    通过选择 development 或 production 之中的一个,来设置 mode 参数,你可以启用相应模式下的 webpack 内置的优化

  • 相关阅读:
    小白初学iOS中OTA部署(适应iOS7.1)
    CocoaPods管理本地库简单步骤
    CocoaPods问题记录
    UIPanGestureRecognizer下方法
    2013年度总结(反思篇)
    iOS7中cell的分割线右移的解决方法
    接触CocoaPods遇到的问题
    iOS摄像头问题
    iPhone4激活出错,菜鸟试验!!!!!
    详解UIPickerView
  • 原文地址:https://www.cnblogs.com/chenyudi/p/13602065.html
Copyright © 2011-2022 走看看