大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

Webpack快速入门(三)-创新互联

作为前两篇的补充,本文想再说明一下npx命令相关的另一种实现。

成都创新互联公司是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发,网站制作,网站设计,网站模板,微信公众号开发,软件开发,微信小程序,10年建站对成都服务器租用等多个方面,拥有丰富的网站维护经验。

NPM Scripts

在前面的文章中,我们提到使用如下命令方式:

npx webpack ......

于是,位于“./node_modules/.bin/webpack”便会被执行。这得益于npx这个命令。

其实,还有另外一种方式,更为常用,即借助于npm run命令和package.json配置文件中的“scripts”键。

示例

请看下面的配置文件:

{
  "name": "ex1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.29.5",
    "webpack-cli": "^3.2.3"
  }
}

注意,其中的scripts这一组键/值对。现在,再在命令行下运行如下命令:

npm run build

来代替使用前面的npx命令,也能达到同样的效果。即webpack会自动被执行,而且会根据根目录下的webpack.config.js内容进行编译并打包。

这种思路更为典型!如果你分析他人的作品,是不是发现大多是使用这种组织方式?

补充

如果您使用的是npm 5,您可能还会在目录中看到一个名字为package-lock.json的文件。具体故事,还是请自行网搜Npm吧。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文题目:Webpack快速入门(三)-创新互联
新闻来源:http://dzwzjz.com/article/eipcj.html
在线咨询
服务热线
服务热线:028-86922220
TOP