最近这段时间总有小伙伴问小编express_scripts是什么,小编为此在网上搜寻了一些有关于express_scripts的知识送给大家,希望能解答各位小伙伴的疑惑。
(资料图片)
webpack-dev-server是:
为webpack打包生成的资源文件提供web服务的小型的Express服务器。但是不能当作后台服务器来使用。
主要功能:
静态文件提供服务
自动刷新和热替换
安装插件:
npm i webpack-dev-server -D
安装插件:
npm i -D html-webpack-plugin
该插件主要作用:
1.生成创建html入口文件
2.为html文件中引入的打包的script、link资源
项目文件夹和文件如下:
common.js内容:
entry.js内容:
index.html内容:
<script src="./dist/dist.js"></script>
webpack.base.js内容:
添加了plugins 和 devServer的配置
Package.json里面内容为
{
"scripts": {
"build":"webpack --config build/webpack.base.js",
"dev": "webpack serve --config build/webpack.base.js",
}
}
执行 npm run dev后 访问:127.0.0.1:8080
本文express,scripts到此分享完毕,希望对大家有所帮助。
关键词: