zoukankan      html  css  js  c++  java
  • 简单的webpack打包案例

    1、新建一个mathUtils.js文件,这里使用CommonJs的方式导出方法,代码如下:

     2、新建一个info.js文件,这里使用ES6的方式导出参数和方法,代码如下:

     3、新建一个main.js文件,分别导入mathUtils.js和info.js里面的参数和方法

    4、新建一个webpack.config.js文件,代码如下:

    const path = require('path')
    module.exports = {
      entry: path.join(__dirname, './src/main.js'),// 入口,表示,要使用 webpack 打包哪个文件
      output: { // 输出文件相关的配置
        path: path.join(__dirname, './dist'), // 指定 打包好的文件,输出到哪个目录中去
        filename: 'bundle.js' // 这是指定 输出的文件的名称
      },
      mode: 'development'
    }

    5、执行webpack打包语句

     6、在dist文件夹中新生成一个打包后的文件

     7、在index.html文件中因为这个打包后的js文件

     8、运行查看效果

  • 相关阅读:
    【leetcode】1230.Toss Strange Coins
    2018.12.25 SOW
    L203 词汇题
    L202
    L201
    L200
    2018
    2018.12.21 Cmos- RF
    L198
    L196 Hospital educations
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/14632629.html
Copyright © 2011-2022 走看看