Блог

У меня есть библиотека компонентов, которую я могу использовать в проекте vuepress в качестве зависимостей, но когда я пытаюсь запустить npm docs:dev, я получил ошибку

Ошибка анализа модуля: Неожиданный токен (2:8) Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов, в настоящее время загрузчики не настроены для обработки этого файла. Видишь https://webpack.js.org/concepts#loaders

Вот мой config.js файл он отлично работает с файлами sass, но не работает с файлами .js. Я пытался использовать babel-loader, но он не работает

 module.exports = {
chainWebpack(config) {
    for (const lang of ["sass", "scss"]) {
        for (const name of ["modules", "normal"]) {
            const rule = config.module.rule(lang).oneOf(name);
            rule.uses.delete("sass-loader");

            rule
                .use("sass-loader")
                .loader("sass-loader")
                .options({
                    implementation: require("sass"),
                    sassOptions: {
                        fiber: require("fibers"),
                        indentedSyntax: lang === "sass"
                    }
                });
        }
    }
    config.module
        .rule('js')
        .use('babel-loader')
        .loader('babel-loader')
    }
}
 

а вот мой файл devDependencies

 "devDependencies": {
   "sass": "~1.32.6",
   "sass-loader": "8.0.1",
   "babel": "6.23.0",
   "babel-loader": "^8.2.2",
   "fibers": "^5.0.0"
 }