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

  • 相关阅读:
    C++语法注意点
    T4+VSIX 打造Visual Studio 2010 中的Entity代码生成自定义工具
    如何构建安全的.net web应用系统
    在VS2010项目中引用Lib静态库(以Openssl为例)
    通过Handler实现ASP.NET WebForm自定义控件局部刷新
    一个简单的AOP框架学习
    sql 学习
    SQL Server 2005新特性之使用with关键字
    Memcache的资料
    Net通用基础框架学习
  • 原文地址:https://www.cnblogs.com/chenyudi/p/13602065.html
Copyright © 2020-2023  润新知