zoukankan      html  css  js  c++  java
  • Webpack 一,打包JS

    创建入口文件 app.js

    // es6 module 规范
    import sum_d from './sum.js'
    import {sum_e} from './sum.js'
    
    // commcon js 规范
    var minus = require('./minus.js')
    
    console.log('sum_d(4,6)= ', sum_d(4,6))
    console.log('sum_e(9,3)= ', sum_e(9,3))
    
    console.log('minus(8,2)= ', minus(8,2))

    方法一: es6 module 规范
    /* sum.js */

    export default function (a, b) { return a + b } // import 导入时要加 {name} name为 export name export function sum_e (a, b) { return a + b }

    方法二:commcon js 规范
    /* minus.js */

    module.exports = function(a, b) { return a -b }

     执行 Webpack 命令打包 webpack <entry> [<entry>] <output>(webpack 4+ 后不支持了

    webpack app.js bundle.js

    呃呃呃额额 

    打包 ERROR in Entry module not found: Error: Can't resolve 'app.js' in  The 'mode' option has not been set,错误提示

    查了一下官方文档才得知,webpack的打包cli命令已经更改:
    webpack <entry> [<entry>] -o <output>

    webpack app.js -o bundle.js

    打包成功,得到了 bundle.js啦

    使用 node 执行 bundle.js

     

  • 相关阅读:
    Query on The Trees(hdu 4010)
    背单词(bzoj 4567)
    P2819 图的m着色问题
    P1605 迷宫
    P1230 智力大冲浪
    P1082 同余方程
    P3372 【模板】线段树 1
    P2626 斐波那契数列(升级版)
    长生诀
    写给我第一个喜欢的男孩的歌
  • 原文地址:https://www.cnblogs.com/buerwei/p/12312593.html
Copyright © 2011-2022 走看看