Vue里使用import
- TS/JS可以通过@/目录名引入文件（@代替src/）
- CSS/SASS可以通过~@/目录名引入文件（需要配置，使得webstorm能够识别，如下）
Settings→Webpack→项目目录下的node_modules@vue\cli-service\webpack.config.js→OK
React里使用import
- SCSS可以直接用目录名引入（如有红色报错，选中src目录右键→Mark Directory as→Resource Root）
- JS/TS通过配置后也可以直接用目录名引入，配置如下
在tsconfig.json添加以下代码
"compilerOptions":{
"baseUrl": "src"
}
React 里CSS配置
- CSS normalize（保证页面在不同浏览器上默认样式相近），在index.css添加@import-normalize即可。
- CSS rest是把默认样式全部重置
网友评论