首页 > Web开发 > 详细

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

时间:2021-04-14 00:02:31      阅读:18      评论:0      收藏:0      [点我收藏+]

在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?

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!