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 内置的优化

  • 相关阅读:
    Tornado @tornado.gen.coroutine 与 yield
    ThreadPoolExecutor执行任务,异常日志缺失问题
    Mybatis关联查询<association> 和 <collection>
    Spring整合mybatis
    Jedis操作Redis--Key操作
    Jedis操作Redis--SortedSet类型
    Jedis操作Redis--Set类型
    同义词 “stop from”,“keep from”和“prevent from”的区别
    test
    Python win32gui调用窗口到最前面
  • 原文地址:https://www.cnblogs.com/chenyudi/p/13602065.html
Copyright © 2011-2022 走看看