Vue.js 使用网页包构建vuejs插件

./src/Loader.vue中出错 模块分析失败：C:\test\vuePlugin\src\Loader.vue意外令牌（1:0） 您可能需要适当的加载程序来处理此文件类型。 SyntaxError:意外标记（1:0） 在Parser.pp$4.raise（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:2221:15） 位于Parser.pp.unexpected（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:603:10） 在Parser.pp$3.parsexpratom（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:1822:12） 位于Parser.pp$3.parsexprsubscripts（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:1715:21） 位于Parser.pp$3.parsemaybeanary（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:1692:19） 在Parser.pp$3.parsexprops（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:1637:21） 在Parser.pp$3.parseMaybeConditional（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:1620:21） 在Parser.pp$3.parseMaybeAssign（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:1597:21） 在Parser.pp$3.parseExpression（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:1573:21） 在Parser.pp$1.parseStatement（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:727:47） Parser.pp$1.parseTopLevel（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:638:25） 在Parser.parse（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:516:17） 在Object.parse（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:3098:39） 在Parser.parse（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\lib\Parser.js:902:15） 在正常模块。（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\lib\NormalModule.js:104:16） 在NormalModule.onModuleBuild（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\webpack core\lib\NormalModuleMixin.js:310:10） 在下一个加载程序（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\webpack core\lib\NormalModuleMixin.js:275:25） 在C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\webpack core\lib\NormalModuleMixin.js:259:5 在Storage.finished（C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\enhanced resolve\lib\CachedInputFileSystem.js:38:16） 在C:\Users\shubham-sharma2\AppData\Roaming\npm\node\u modules\webpack\node\u modules\generate fs\generate fs.js:78:16 在FSReqWrap.readFileAfterClose[完成时]（fs.js:511:3） @多主

“webpack--config--显示错误详细信息。/webpack.config.js”

加

const VueLoaderPlugin=require（'vue-loader/lib/plugin'）

到您的网页配置的顶部，然后

新建VueLoaderPlugin（）

在你的插件部分

对于样式块，请添加：

      // this will apply to both plain `.css` files
      // AND `<style>` blocks in `.vue` files
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader'
        ]
      }

---

我看到订单成了一个问题。

仅仅是堆栈跟踪对帮助您的人没有用处。发布您的网页包配置、您试图运行的命令、代码段等。src/Loader.vue的第一行是什么？@StevenSpungin第一行只是打开以前为我工作的解决方案，问题是我没有包括const VueLoaderPlugin=require（'vue-Loader/lib/plugin'）。添加后，构建成功创建Tanks@Steven，在包含范围样式之后，样式块完成了工作。

      // this will apply to both plain `.css` files
      // AND `<style>` blocks in `.vue` files
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader'
        ]
      }

  extensions: ['', '.vue', '.js', '.jsx']