Size: a a a

Webpack — русскоговорящее сообщество

2020 October 23

E

Emelya in Webpack — русскоговорящее сообщество
Привет, подскажите пожалуйста. Как сделать hmr? нужно ставить плагин или просто девсервера хватит?
источник

E

Emelya in Webpack — русскоговорящее сообщество
у меня такой код, и hmr почему то не работает, хотя я уверен что делал уже так и все было ок. Возможно кто то сможет подсказать, спасибо)
module.exports = {
 context: path.resolve(__dirname, 'src'),
 mode: 'development',
 entry: './index.js',
 output: {
   filename: filename('js'),
   path: path.resolve(__dirname, 'dist'),
 },
 resolve: {
   extensions: ['.js'],
   alias: {
     '@': path.resolve(__dirname, 'src'),
     '@core': path.resolve(__dirname, 'src/core'),
   },
 },
 devtool: isDev ? 'source-map' : false,
 devServer: {
   port: 3000,
   hot: isDev,
 },
 plugins: [
   new CleanWebpackPlugin(),
   new HTMLWebpackPlugin({
     template: 'index.html',
     minify: {
       removeComments: isProd,
       collapseWhitespace: isProd,
     },
   }),
   new CopyPlugin({
     patterns: [
       {
         from: path.resolve(__dirname, 'src/favicon.ico'),
         to: path.resolve(__dirname, 'dist'),
       },
     ],
   }),
   new MiniCssExtractPlugin({
     filename: filename('css'),
   }),
 ],
 module: {
   rules: [
     {
       test: /\.s[ac]ss$/i,
       use: [
         {
           loader: MiniCssExtractPlugin.loader,
           options: {
             hmr: isDev,
             reloadAll: true,
           },
         },
         'css-loader',
         'sass-loader',
       ],
     },
     {
       test: /\.m?js$/,
       exclude: /node_modules/,
       use: jsLoaders(),
     },
   ],
 },
};
источник

E

Emelya in Webpack — русскоговорящее сообщество
причем, ни цсс ни джс не релоадится(
источник

F

For miles & mile... in Webpack — русскоговорящее сообщество
target: 'web'
источник

F

For miles & mile... in Webpack — русскоговорящее сообщество
В объекте впиши
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
а что есть в Вашем понятии hmr?
источник

E

Emelya in Webpack — русскоговорящее сообщество
ну хот релоад цсс и джс
источник

E

Emelya in Webpack — русскоговорящее сообщество
For miles & miles
target: 'web'
топчик, спасибо огромное, я догадался бы до этого примерно никогда
источник

О

Олег in Webpack — русскоговорящее сообщество
ребят а участвует ли вебпак как-то при работе с jest? у меня через webpack-dotenv-plugin в вебпаке заданы env файлы в которых API_URL. и вот вопрос - как теперь сделать чтобы нужный ENV файл пробрасывался через jest?
источник

О

Олег in Webpack — русскоговорящее сообщество
источник

О

Олег in Webpack — русскоговорящее сообщество
источник

D

Denys in Webpack — русскоговорящее сообщество
Ну и как вам вебпак 5?
источник

y

ymdev in Webpack — русскоговорящее сообщество
Олег
ребят а участвует ли вебпак как-то при работе с jest? у меня через webpack-dotenv-plugin в вебпаке заданы env файлы в которых API_URL. и вот вопрос - как теперь сделать чтобы нужный ENV файл пробрасывался через jest?
ну, первое что приходит в голову - это в конфиге jest использовать
setupFiles: ['путьДоФайла']
а в этом файле сделать и может прокатит.
import dotenv from 'dotenv'
dotenv.config()


Если внутри файлов все же не будет видно переменных этих, то попробуй их сам задать
process.env.A = 'B'
источник

О

Олег in Webpack — русскоговорящее сообщество
ymdev
ну, первое что приходит в голову - это в конфиге jest использовать
setupFiles: ['путьДоФайла']
а в этом файле сделать и может прокатит.
import dotenv from 'dotenv'
dotenv.config()


Если внутри файлов все же не будет видно переменных этих, то попробуй их сам задать
process.env.A = 'B'
сейчас попробовал второй вариант но не работает. возможно, не так делаю
источник

y

ymdev in Webpack — русскоговорящее сообщество
Олег
сейчас попробовал второй вариант но не работает. возможно, не так делаю
объявлять во время теста уже поздно, надо раньше
источник

y

ymdev in Webpack — русскоговорящее сообщество
Олег
сейчас попробовал второй вариант но не работает. возможно, не так делаю
вот типо как тут https://stackoverflow.com/a/58953365
Только ты можешь еще и через dotenv нужный конфиг выбрать https://www.npmjs.com/package/dotenv#path
источник

О

Олег in Webpack — русскоговорящее сообщество
ymdev
вот типо как тут https://stackoverflow.com/a/58953365
Только ты можешь еще и через dotenv нужный конфиг выбрать https://www.npmjs.com/package/dotenv#path
Как раз сейчас смотрю. спс
источник

О

Олег in Webpack — русскоговорящее сообщество
ymdev
вот типо как тут https://stackoverflow.com/a/58953365
Только ты можешь еще и через dotenv нужный конфиг выбрать https://www.npmjs.com/package/dotenv#path
короче решил не мудрить и сделал так )))
источник

y

ymdev in Webpack — русскоговорящее сообщество
Олег
короче решил не мудрить и сделал так )))
если ты не знал, jest сам ставит NODE_ENV=test. Поэтому можешь на эту переменную ориентироваться
источник

y

ymdev in Webpack — русскоговорящее сообщество
ymdev
если ты не знал, jest сам ставит NODE_ENV=test. Поэтому можешь на эту переменную ориентироваться
вот написано об этом https://jestjs.io/docs/en/environment-variables
источник