所有东西都要写在类里,一定要先写类
项目练习:
- npm i -D less less-loader css-loader style-loader
- less-loader:less加载器,通过它把两个工具连接到一起
- css-loader:处理css代码
- style-loader:把css引入到项目中
- 为了确保css在旧的浏览器能使用,需要下载postcss
- 配置less(webpack.config.js)
// 设置less文件的处理 { test: /\.less$/, use:[ "style-loader", "css-loader", // 引入postcss { loader: "postcss-loader", options: { postcssOptions:{ plugins:[ [ "postcss-preset-env", { browsers: 'last 2 versions' } ] ] } } }, "less-loader" ] }
- Exercise: 这是一个TypeScript的练习---------贪吃蛇小游戏