webpack-dev-server是什么

最近接触一个项目，前后分离的，在启动前端的时候用到一个命令：npm run server ,感觉很神奇，直接可以让我们在浏览器中就可以访问网页或js了，很新奇，自己研究了一下，别忘记了。

首先说这是什么工具才用到的命令，网上各种搜，总结一下：

1.webpack-dev-server是一个小型的Node.js Express服务器，注意知识点：“服务器。

2.通过在package.json中配置可以通过npm命令启动,举个例子：package.json 的内容

{"name": "ibp_static","version": "0.0.1","description": "ibp_static","scripts": {"server": "webpack-dev-server --hot --inline --config webpack.server.js","dev": "webpack-dev-server --config webpack.dev.js","build": "webpack -p --config webpack.dev.js"},"devDependencies": {"webpack": "3.5.5","webpack-dev-server": "2.7.1","extract-text-webpack-plugin": "3.0.0","copy-webpack-plugin": "4.0.1","clean-webpack-plugin": "0.1.16","css-loader": "0.28.7","file-loader": "0.11.2","html-loader": "0.5.1","html-webpack-plugin": "2.30.1","html-webpack-template": "5.6.0","raw-loader": "0.5.1","style-loader": "0.18.2","url-loader": "0.5.9"}
}

直接打开命令行，输入 npm run dev 即可看到效果，修改文件，实现浏览器自动刷新。

参考文章 https://www.cnblogs.com/QxQstar/p/5961387.html

webpack-dev-server是什么相关推荐

WEBPACK DEV SERVER
文/tsyeyuanfeng(简书作者) 原文链接:http://www.jianshu.com/p/941bfaf13be1# 著作权归作者所有,转载请联系作者获得授权,并标注"简书作者& ...
webpack dev server 和 sublime text 配合时需要注意的地方
参考:https://webpack.js.org/guides/development/ Adjusting Your Text Editor Some text editors have a &q ...
解决新版本webpack vue-cli生成文件没有dev.server.js问题
新版本webpack生成的dev.server.js 在webpack.dev.conf.js中webpack.dev.conf.jsconst axios = require('axios') co ...
Invalid options object. Dev Server has been initialized using an options object that does not match
Invalid options object. Dev Server has been initialized using an options object that does not match ...
Invalid options object. Dev Server has been initialized using an options object
启动webpack报错: [webpack-cli] Invalid options object. Dev Server has been initialized using an options ...
Webstorm中提示Cannot find module 'webpack.dev.conf.js'
问题描述: 在Webstorm中运行cordova项目时,提示: Cannot find module 'webpack.dev.conf.js' 先不要着急删掉node_modules,然后重新np ...
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
vue 项目 npm run dev 运行时报错: npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config b ...
ValidationError: Invalid options object. Dev Server has been initialized using an options object th
ValidationError: Invalid options object. Dev Server has been initialized using an options object tha ...
vue:hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
运行vue项目是报错: hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.con ...
出现`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`报错
vue 项目 npm run dev 运行时报错: npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config b ...

webpack-dev-server是什么

webpack-dev-server是什么相关推荐

最新文章

热门文章