webstorm如何识别webpack中的@等alias符号

最新推荐文章于 2024-07-11 09:10:40 发布

转载最新推荐文章于 2024-07-11 09:10:40 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2474096/blog/3040269

文章标签：

#webpack #javascript #python #ViewUI

本文详细介绍了如何在Webstorm中配置Webpack，包括如何设置文件路径、使用预定义的配置文件以及自定义配置。通过具体代码示例，帮助读者理解Webpack配置的细节，适用于那些希望在Webstorm中有效利用Webpack进行项目构建的开发者。

2019独角兽企业重金招聘Python工程师标准>>>

webstorm为我们提供了 webpack.config.js来帮助我们寻找文件位置(Settings->Languages&Frameworks)->JavaScript->Webpack.有的项目中有针对的配置那么直接在这里调用相应配置的JS文件即可.但对于没有这种配置的文件,自己新建一个再设置应用即可.

'use strict'
const path = require('path')

function resolve (dir) {
  return path.join(__dirname, '.', dir)
}

module.exports = {
    context: path.resolve(__dirname, './'),
    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            '@': resolve('src'),
            '@views': resolve('src/views'),
            '@comp': resolve('src/components'),
            '@core': resolve('src/core'),
            '@utils': resolve('src/utils')
        }
    }
}

转载于:https://my.oschina.net/u/2474096/blog/3040269