zoukankan      html  css  js  c++  java
  • webpack 进阶随笔(配置篇)

    最近一个app版块 用了vue+webpack 由于当时比较急 留下很多坑没有解决(特别是webpack)

    所以重新填坑 写下笔记 看到哪写到哪 随意~

    1.webpack 分为以下几种配置

    module.exports = {
        entry:{} ,
        output: {},
        module: {
            loaders: []
        },
        plugins:{} 
    }
    

    2.entry 是入口 可以为单一的字符串入口,也可以是多个对象入口

    3.output是出口 里面的常用配置项有

        output: {
            path:'',
            publicPath:'',
            filename:'',
            chunkFilename:''
        }
    

     path是生成文件的根目录,为绝对路径,

     publicPath是一个URL地址,常用加载css.jpg.js等文件

     它们的区别是 path针对的本地系统文件 publicPath针对的是浏览器  

     filename是出口文件 有三个规则可以设置分别是[name] [hash] [chunkhash]

    4.module参数用来配置各种loader 

    module.loaders: [
      {
        // "test" is commonly used to match the file extension
        test: /.jsx$/,
    
        // "include" is commonly used to match the directories
        include: [
          path.resolve(__dirname, "app/src"),
          path.resolve(__dirname, "app/test")
        ],
    
        // "exclude" should be used to exclude exceptions
        // try to prefer "include" when possible
    
        // the "loader"
        loader: "babel-loader"
      }
    ]

     test:需要配置的文件属性

     exclude:剔除掉 需要忽略的资源

     include:本条loader发生作用的文件

     loaders:指示用那些loaders处理这段

     

     以上是官方例子

      

      

  • 相关阅读:
    11、序列比对
    10、RNA-seq for DE analysis training(Mapping to assign reads to genes)
    9、IPA通路分析相关网页教程
    3、perl进阶
    8、Transcriptome Assembly
    7、RNAseq Downstream Analysis
    Microsoft dynamic 批量更新
    c# datagridview 相关操作。
    $.ajax 提交数据到后台.
    c# Datatable
  • 原文地址:https://www.cnblogs.com/shilie/p/6341069.html
Copyright © 2011-2022 走看看