2020年2月10日
使用 html-webpack-plugin 插件配置启动页面
摘要： 由于使用`--contentBase`指令的过程比较繁琐，需要指定启动的目录，同时还需要修改index.html中script标签的src属性，所以推荐使用`html-webpack-plugin`插件配置启动页面.1. 运行`cnpm i html-webpack-plugin --save-de 阅读全文
posted @ 2020-02-10 19:28 wangyfax 阅读(664) 评论(0) 推荐(0)
webpack--运行npm run dev自动打开浏览器运行首页的两种方式以及热加载
摘要： 作为开发人员，我们在修改了代码之后，在vscode终端运行npm run dev指令后，希望它可以自动打开浏览器方便我们调试，有两种方式可以实现： 自动打开浏览器的两种方式： 方式一： 1、webpack-dev-server --open --port 3000 --contentBase src 阅读全文
posted @ 2020-02-10 18:36 wangyfax 阅读(6461) 评论(0) 推荐(0)
'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决方法
摘要： 执行 cnpm run dev 报错： 解决方法： 现在使用webpack要同时安装webpack-cli这个包，才可以调用webpack和webpack-dev-server这些命令。 cnpm install webpack webpack-dev-server webpack-cli --sa 阅读全文
posted @ 2020-02-10 01:06 wangyfax 阅读(63121) 评论(0) 推荐(2)
webpack配置
摘要： 一、在网页中会引用哪些常见的静态资源？ 1、.Js、.jsx、.ts(TypeScript)、.coffee 2、CSS - .css、.less、.sass、.scss 3、Image - .jpg、.png、.gif、.bmp、.svg 4、字体文件(Fonts) -.svg、.ttf、.ect 阅读全文
posted @ 2020-02-10 00:01 wangyfax 阅读(288) 评论(0) 推荐(0)