resolve

resolve 可以配置 Webpack 中模块的解析规则。 详情查看：https://www.webpackjs.com/configuration/resolve/

resolve ·配置模块解析的规则

alias:配置模块加载的路径别名

alias:{‘@’ resolve(‘src’)}

extensions:引入模块时,可以省略哪些后缀

extensions:[‘.js’,’json] .

module.exports = { // 模块解析规则 resolve: { // 引⼊模块时，可以省略哪些后缀名 extensions: [‘.js’, ‘.vue’, ‘.json’, ‘.less’], // 配置模块解析的路径别名 alias: { ‘@’: resolve(‘src’), }, // 指定模块默认加载的路径 modules: [resolve(__dirname, ‘../node_modules’), ‘node_modules’] }, }

正常引⼊

import ‘./src/css/main.less’

别名引⼊

import ‘@/css/main.less’

省略后缀引⼊

import ‘@/css/main’