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

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 14 января 2018 г.

05:42:24 ДП
User 1040677
User 212795634
import Styles from 'style-loader!css-loader?modules!./styles.css'
Не не работает(( import critical from 'style-loader!css-loader!postcss-loader?modules!./index.css'
11:14:18 ДП
User 317344655
пытаюсь сделать минифицированный build но ничего не выходит
11:21:35 ДП
User 317344655
мб я не тот инстурмент юзаю, как мне просто сделать минимализоваронный build?
11:24:31 ДП
User 212795634
User 317344655
мб я не тот инстурмент юзаю, как мне просто сделать минимализоваронный build?
uglifyjs
11:48:56 ДП
User 291325765
Есть webpack uglify
01:24:56 ПП
User 345164417
User 317344655
пытаюсь сделать минифицированный build но ничего не выходит
webpack -p - это опция минимизации. Но указывать плагин UglifyJS в секции плагинов не нужно!
01:26:12 ПП
User 345164417
User 317344655
мб я не тот инстурмент юзаю, как мне просто сделать минимализоваронный build?
У меня сделано так:

let path = require('path');


module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'app.js',
        path: path.resolve(__dirname, 'build')
    },
    devtool: 'source-map',
    module: {
        rules: [
            {
                test: /\.js?/,
                include: /src/,
                use: [{
                    loader: 'babel-loader',
                    query: { presets: ['es2015'] }
                }]
            }
        ]
    }
};
07:57:41 ПП
User 266940865
Доброй ночи. Что-то никак мне не удаются добавить в стандартный vue-cli webpack шаблон генератор svg-спрайта из отдельных svg-иконок. Раньше на гульпе сидел, поэтому сложно заходит. Есть тут люди которые могут помочь/поделиться конфигом?
07:58:56 ПП
User 266940865
Пробовал несколько лоадеров подключиать, например svg-sprite-loader но не удалось настроить
10:19:30 ПП
User 246402278
ребят, сейчас будет флуд. Но прошу помощи. При запуске webpack-dev-server pug файл не конвертируется в html, хотя в продакшн нормально выходит. В итоге нет Index.html и выдает структуру файлов
10:19:37 ПП
10:19:46 ПП
10:19:46 ПП
User 246402278
{
  "name": "react",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "dev": "webpack-dev-server",
    "prod": "webpack -p"
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^0.28.8",
    "extract-text-webpack-plugin": "^3.0.2",
    "html-webpack-plugin": "^2.30.1",
    "pug": "^2.0.0-rc.4",
    "pug-loader": "^2.3.0",
    "style-loader": "^0.19.1",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.1",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.11.0"
  },
  "dependencies": {
    "react": "^16.2.0",
    "react-dom": "^16.2.0"
  }
}
10:19:46 ПП
User 246402278
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const extractTextPlugin = require('extract-text-webpack-plugin');

let extractPlugin = new extractTextPlugin({
  filename: 'common.css'
})

module.exports = {
  entry: {
    'app': './src/js/app.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].bundle.js',
    publicPath: 'dist'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              ignore: 'node_modules'
            }
          }
        ]
      },
            {
                test: /\.pug$/,
                loader: 'pug-loader',
                options: {
                    pretty: true
                }
            },
      {
        test: /\.styl$/,
        use: extractPlugin.extract({
          use: ['css-loader', 'stylus-loader']
        })
      }
    ]
  },
    devServer: {
        contentBase: path.resolve(__dirname, './src')
    },
    plugins: [
      extractPlugin,
      new webpack.ProvidePlugin({
        React: 'react',
        ReactDOM: 'react-dom'
      }),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'common',
            minChunks: function(module) {
              return module.context && module.context.includes("node_modules");
            }
        }),
        new HtmlWebpackPlugin({
            filename: 'index.html',
            chunks: ['index', 'common'],
            template: path.resolve(__dirname, 'src/html/index.pug')
        })
    ]
}
10:19:56 ПП
User 246402278
Мог бы кто помочь?
10:25:01 ПП