webpack npm start和npm run server

最近开始学习webpack,webpack可以看做是模块打包机,分析项目结构,找到JavaScript模块和一些浏览器不能直接运行的语言,类似Scss,JSX,Typescript等,并将其转换和打包为合适的格式供浏览器使用。

和Grunt.js、Gulp.js的区别

没有比较性

Gulp/Grunt是一种能够优化前端的开发流程的自动化工具,webpack是模块化的解决方案,本质上就不是一样,而且在很多时候,webpack可以替代前面两者的工作

webpack是webpack自带的一条打包命令,是最基本的打包命令。
npm run webpack,则是在package.json文件中有一个script配置项,在这个script里面自定义的一条命令,它通过npm来运行。例如:

"scripts": {
    "start": "webpack",
    "server": "webpack-dev-server --open",
    "build": "set NODE_ENV=production && webpack --config ./webpack.production.config.js --progress"
  },

当脚本名为“start”时,可以省略“run”,直接为:

npm start

npm run server等也类似

有兴趣可以加入Nodejs交流群,和大佬们一起成长!!!

群号:348108867

图片.png

推荐阅读更多精彩内容

  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 6,735评论 49 245
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 5,985评论 6 32
  • 从V1迁移到V2由于使用的是webpack版本是2.2.1,所以针对原文做了一些修改。针对webpack2的修改部...
    yzc123446阅读 399评论 0 1
  • 动不动就大坑口村均可斜挎的开心开心开心吗
    flyskytoo阅读 22评论 0 0
  • 你是否经常觉得自己很多地方技不如人?常常想要改进到最后却又无疾而终?看着朋友的不断进步却又不知道从何下手?那么,请...
    时光纪阅读 134评论 0 1