А что не так то? Помогите плз

в path не прописываются проектные зависимости. Либо поставь webpack-cli в глобал, либо используй команду npx webpack

спасибо

Всем привет. Посоветуйте, пожалуйста, лучшие, по вашему мнению, ресурсы по вебпаку. Только начинаю его изучение

документацию уже прочел?)

Заканчиваю. Мне бы примеров и всяких tips and tricks

есть серия статей на survivejs

Спасибо большое!

Есть ещё хороший доклад

https://youtu.be/4ClK_0fxsVM

Благодарю!

Добрый вечер! Подскажите, пожалуйста, почему вебпак не находит контент?

Кто то ковырял тут конфиг гетсби?

Привет друзья. Есть проект с еджектнутым cra и есть необходимость установить storybook в него. Как я понимаю storybook использует свой webpack где-то внутри себя. Суть проблемы - начали валиться ошибки при подключении моих компонентов к сторибуку, мол, он не может понять '@", алиасы и другие радости, которые есть уже в моей сборке и прекрасно работают. Почитал доку, нашёл для себя такой вариант https://storybook.js.org/docs/react/configure/webpack -

const path = require('path')
const custom = require('../config/webpack.config');

module.exports = {
  "stories": [
    "../src/**/*.stories.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials"
  ],
  webpackFinal: (config) => {
    return { ...config, module: { ...config.module, rules: custom.module.rules } };
  },
}

, но он не работает. Пишет - Cannot read property 'rules' of undefined, потому что custom в данном случае - анонимная функция без всяких там доп полей. Решал ли кто-то подобную задачу?

const path = require('path')
const custom = require('../config/webpack.config');

module.exports = {
  "stories": [
    "../src/**/*.stories.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials"
  ],
  webpackFinal: (config) => {
    return { ...config, module: { ...config.module, rules: custom.module.rules } };
  },
}

Решил вот так:

webpackFinal: (config) => {
    config.resolve.alias['assets'] = path.resolve('src/assets')
    return { ...config, module: { ...config.module, rules: custom('development').module.rules } };
  },

hello guys

While I was packing a react application with Webpack, I noticed that the code was readable in the product environment and I started looking for something different.

I saw an obfuscated code similar to this in the static folder of Instagram. How can I do that?

__d(function(g,r,i,a,m,e,d){m.exports=function(n){ .... }