Ошибка загрузки меньше синтаксиса с Webpack 4 - PullRequest
Новая
       10

Ошибка загрузки меньше синтаксиса с Webpack 4

0 голосов
/ 11 февраля 2019

Итак, я работал над переводом приложения из gulp в webpack, и у меня возникла проблема с загрузкой наших менее стилей.Я в состоянии получить веб-пакет для загрузки стилей, используя MiniCssExtractPlugin и менее загрузчик;однако, кажется, что он не может распознать синтаксис @, который используется в less.

My webpack.config.js 

    module: {
        rules : [
          // Less Files
          {
            test: /\.less$/,
            use: [
                devMode ? "style-loader" : MiniCssExtractPlugin.loader,
                "css-loader",
                "less-loader",
              ],
          }
        ]
      },

    plugins: [
        new MiniCssExtractPlugin({
          filename: '[name].css',
          chunkFilename: "[id].css"
        }),

Module build failed (from ./node_modules/less-loader/dist/cjs.js):


          &.messaging > a > .icon-container {
            background: url("/images/app/@{appname}/ic_home_messaging@3x.png") no-repeat;
                          ^
Variable @appname is undefined
      in /Users/brandentenbrink/MedData/Professional/ProfessionalApp/src/src/less/main.less (line 272, column 28)
 @ ./src/less/styles.less 2:14-125
 @ ./src/index.js

Это ошибка, котораяЯ вижу.Сначала я подумал, что это потому, что @appname не было определено;однако после изменения всех этих значений на правильное, жестко запрограммированное имя стало появляться больше файлов - на этот раз с простым css (@ blue не найден).

Я не слишком хорошо осведомлен о веб-пакетеи менее;поэтому я ищу объяснения, почему мои @ import и ссылки не могут быть встроены в веб-пакет.

Спасибо.

...