你将收获

如何打包项目

了解webpack

适用人群

零基础

课程介绍

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

课程目录

讨论留言

正在加载中...

同学笔记

  • runner_123 2020-02-14 17:13:09

    来源:配置文件-入口出口 查看详情

    webpack.config.js

    module.exports = {
       entry:'./input.js',
       output:{
            path:path.resolve(__dirname,'dist'),
            filename:'output.bundle.js'
       }
    }

    入口文件:entry

    出口文件:output

    entry可以是一个对象形式,表示多个文件

    entry:{
        home:'./home.js';
        about:'./about.js'
    }
    output:{
           path:path.resolve(__dirname,'dist'),
            filename:'[name].bundle.js'
    }
    mode:'development'

     

没有更多了