vue项目在webstorm中将某文件设置成根目录后,webpack配置方法

第一步:右击common -> Mark Directory as -> Resource Root 

vue项目在webstorm中将某文件设置成根目录后,webpack配置方法_第1张图片

第二步:查看common 文件是否是紫色,是紫色说明设置成功

第三步:build文件下的webpack.base.conf.js 中 resolve 对象修改为如下代码

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    },
    modules: ['src/common', 'node_modules']
  },

vue项目在webstorm中将某文件设置成根目录后,webpack配置方法_第2张图片

 

你可能感兴趣的:(webStorm工具应用,Vue)