-
1. 本地开发环境
$ cnpm install -D webpack-dev-server
2. 热更新、自动打开浏览器
devServer:{ contentBase: "/dist", open: true }
3. package.json
"scripts":{ "start" : "webpack-dev-server" }
4. 启动
$ npm start
查看全部 -
plugins:[ new HtmlWebpackPlugin({ template: "./src/index.html" }), new CleanWebpackPlugin() ]
查看全部 -
object-fit:cover 可以视频拉伸
查看全部 -
css-loader 中 options:{modules: true} 可以模块化 css,防止 css 变量污染
查看全部 -
解析顺序从右往左,从下到上:
{ test:/\.css$/, use:['style-loader','css-loader'] }
查看全部 -
不压缩打包后的代码,webpack配置文件:
mode:"development"
查看全部 -
use 配置中 先执行后边的 在执行前边的
查看全部 -
webpack的模板html生成配置 生成前清理配置 结构饮用查看全部
-
css在ts中使用d.ts声明文件写法(同目录):
declare const styles: {
readonly "popup": string;
readonly "popuTitle": string;
}
export default styles;
查看全部 -
TS 大型项目
后期维护成本大于开发成本
查看全部 -
webpack的loader是从右向左执行的,解析css文件时,先执行css-loader再执行style-loader。
loader顺序不能颠倒,只有通过
css-loader
处理css
后才能通过style-loader
生成<style></style>
标签。css-loader
:
加载.css文件style-loader
:
使用<style>
将css-loader内部样式注入到我们的HTML页面
查看全部 -
$】纪委查看全部
-
好课程查看全部
-
https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0查看全部
-
记笔记查看全部
举报