webpack 基础命令

一、 打包命令

(非全局安装需使用node_modules/.bin/webpack ,以下省略)

  1. 直接用命令行打包:
webpack {entry file} {destination for bundled file}
//webpack app/main.js dist/build.js
  1. 用webpack.config.js配置打包,创建一个config文件,配置如下,然后命令行输入webpack
module.exports = {
    entry: __dirname + '/app/main.js',
    output: {
        filename: 'build.js',
        path: __dirname + '/dist'
    }
}
  1. npm打包,在package.json中对npm的脚本部设置:
"scripts": {
    "start": "webpack" //把npm的start命令指向webpack命令
  }

start是一个特殊的脚本名称,在命令行中使用npm start就可以执行相关命令。如果对应的此脚本名称不是start,执行时需用npm run {script name}npm run build

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,554评论 7 35
  • 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过...
    阳阳阳一堆阳阅读 8,610评论 0 5
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 17,019评论 31 98
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 8,356评论 2 16
  • 麻痹,夏天比冬天要容易感冒。 等会就去学校了,本来学校安排过完第一天暑假就要回去上课的,我推辞了,听妈妈说龚老师打...
    灰魔王阅读 2,555评论 0 1

友情链接更多精彩内容