老师请教一个问题

来源:5-1 Nav-Header组件(1)

qq_SUPERATURL_0

2020-02-03

我在使用webpack4+MiniCssExtractPlugin分离样式文件(我用的stylus)时build失败
我的配置信息如下:
App.vue

<template>
  <div>
    <h1>Vue Demo</h1>
  </div>
</template>

<script>
// import './assets/styles/test.styl'

export default {
  name: 'App'
}
</script>

<style lang="stylus">
h1
  color red
</style>

webpack配置

module: {
    rules: [
      {
        test: /\.styl(us)?$/,
        use: [
          MiniCssExtractPlugin.loader,
          // 'vue-style-loader',
          'css-loader',
          'stylus-loader'
        ]
      },
    ],
  },

遇到的问题:
我在使用外部导入的样式文件可以打包但是在.vue文件中style标签中的样式打包失败,是哪里的loader缺失吗?

写回答

1回答

河畔一角

2020-02-03

这个插件没有用过,不太清楚你描述的问题是什么样子的。

0
1
qq_SUPERATURL_0
哦,好的。我再研究一下
2020-02-04
共1条回复

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程