zoukankan      html  css  js  c++  java
  • 玩转webpack之webpack的entry output

    webpack的入口配置项表示要配置的文件就是开发环境或者生产环境

    浏览器本身不能认识的一些东西必须经过webpack的编译才能认识,但是要去写的时候我们经常用到预编译什么的比如scss比如jsx甚至vue的文件后缀名是vue而不是js,这种开发环境我们可以更加清晰明确的书写我们的代码。更加高效的开发。

    首先创建文件目录。

     dist用于生产上线 src用于开发,就是src是入口,dist是出口

    要将src的header和index转化放到dist里

    module.exports = {
        entry: {
            main: './src/js/page/index.qm',
            header:'./src/js/page/header.qm'
        },
        output: {
            path:__dirname+'/dist/js/page',
            filename:'[name].js'
        }
    };

    main和header指向两个qm文件,filename表示我们编译产生的文件为[name]就是main和header,__dirname是当前文件的绝对路径,我们可以在./dist/js/page文件夹下边生成两个js文件

    入口文件可以是一个字符串

      entry: './src/js/page/index.qm',

     也可以是一个对象包含多个键值对

      entry: {
           main:'./src/js/page/index.qm',
           header:'./src/js/page/header.qm'
      },

     也可以是一个数组

      entry: [
            './src/js/page/index.qm',
            './src/js/page/header.qm'
        ],

     context配置文件的目录,然后entry不必写重复的配置了。

        context:__dirname+'/src/js/page/',
        entry: [
            './index.qm',
            './header.qm'
        ],

     现在就可以知道entry可以输入数组对象字符串,对象是为了输出多个文件,context可以简化entry的书写。

    然后学下一个知识点

  • 相关阅读:
    WPF框架MVVM简单例子
    向WPF的Grid里面增加控件
    静态资源(StaticResource)和动态资源(DynamicResource)
    WPF中INotifyPropertyChanged用法与数据绑定
    wpf 绑定数据无法更新ui控件可能存在的问题
    C#调用Resources.resx资源文件中的资源
    C# 委托的理解
    Codeforces 524E Rooks and Rectangles 线段树
    Codeforces 1000F One Occurrence 主席树|| 离线+线段树
    GYM 101673 A
  • 原文地址:https://www.cnblogs.com/sowhite/p/6807478.html
Copyright © 2011-2022 走看看