码迷,mamicode.com
首页 > Web开发 > 详细

webpack2项目引入ts后报错@ ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-compiler?

时间:2021-04-14 11:51:55      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:变量   lib   mob   option   global   name   文件   vue   ack   

在webpack.base.conf.js中的vue配置中加入ts解析

{
        test: /\.vue$/,
        loader: ‘vue-loader‘,
        options: {
          loaders: {
            ts:  [
              {
                loader: ‘ts-loader‘,
                options: {
                  appendTsSuffixTo: [/\.vue$/]
                }
              }],
            scss: [
              ‘vue-style-loader!css-loader!sass-loader‘,
              // 全局sass变量
              {
                loader: ‘sass-resources-loader‘,
                options: {
                  // 需更改为项目中实际scss文件路径
                  resources: path.resolve(__dirname, ‘../src-mobile/styles/global.scss‘),
                },
              },
            ], // <style lang="scss">
            sass: ‘vue-style-loader!css-loader!sass-loader‘ // <style lang="sass">
          },
          options: {
            esModule: true
          }
        }
      },

  

 

webpack2项目引入ts后报错@ ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-compiler?

标签:变量   lib   mob   option   global   name   文件   vue   ack   

原文地址:https://www.cnblogs.com/-liujia/p/14653236.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!