Vue与React的import alias及CSS配置

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是把默认样式全部重置
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。