Questions tagged [webpack-3]

Version 3 of the Webpack bundler. Webpack takes modules with dependencies and generates static assets representing those modules.

About

Released in June 2017. Migrating from Webpack 2 to 3 should involve no effort beyond running the upgrade commands in your terminal.

New Features

  • Scope Hoisting
  • Dynamic Import Syntax

Links

GitHub

183 questions
0
votes
1 answer

Webpack 3: Why do I get :You may need an appropriate loader to handle this file type.?

I am trying to create a webpack build for my angularjs app. I keep getting: ERROR in ./client/app/app.scss Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type. | @import "common/common"; |…
bier hier
  • 20,970
  • 42
  • 97
  • 166
0
votes
0 answers

TurboTable Select/unSelect all checkbox

I want to select/unselect all checkbox. I tried referring other code but nothing worked for me. Selecting & Deselecting for a group is working fine how can i achieve an Individual select function in TurboTable .html
Vignesh
  • 2,378
  • 3
  • 25
  • 48
0
votes
1 answer

Webpack async loader priority order

I wanna replace some code from each typescrpit during webpack compilation. Now I have got something like this: module: { rules: [ { test: /\.ts$/, enforce: 'pre', loader: [ …
Dariusz Filipiak
  • 2,858
  • 5
  • 28
  • 39
0
votes
1 answer

Webpack3 unable to parse JSX files

I have the following configuration for a react based application that is failing JSX parsing during webpack build: ERROR in ./src/App.jsx Module parse failed: /Users/sangupta/git/plx/ui2/src/App.jsx Unexpected token (9:15) You may need an…
sangupta
  • 2,396
  • 3
  • 23
  • 37
0
votes
0 answers

How to integrate cdn of bootstrap using webpack only in production mode

Hi i am using htmlwebpackextract plugin.here is my config code new HtmlWebpackExternalsPlugin( { externals: [ { module: 'jquery', …
Pushparaj
  • 1,072
  • 8
  • 29
0
votes
1 answer

Webpack 3.10.0 and babel-polyfill issue at runtime

I'm currently using Webpack 3.10.0 along with following babel packages. "babel": "^6.23.0", "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-polyfill": "^6.26.0", "babel-preset-es2015": "~6.13.2", "babel-preset-react": "~6.11.1", My issue…
0
votes
1 answer

postcss-loader doesn't work with ExtractTextPlugin in webpack 3?

Configuration webpack.config.js test: /\.css$/, exclude: /node_modules/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [ { loader: 'css-loader', options: { importLoaders: 1 } }, …
0
votes
2 answers

TurboTable nested TurboTable not working

Im using TurboTable with nested TurboTable. On row expand I will retrieve the data from service and bind result in inside the TurboTable. When I use nested TurboTable, TurboTable is not displaying. Im using primeng 5.2.0-rc.2
Vignesh
  • 2,378
  • 3
  • 25
  • 48
0
votes
1 answer

Loaders are not compiled chronologically

From docs: A chain of loaders are compiled chronologically. The first loader in a chain of loaders returns a value to the next. Let's take the following webpack config, for example. module: { rules: [ { test: /\.css$/, …
manidos
  • 3,244
  • 4
  • 29
  • 65
0
votes
0 answers

Import styles for further use in the code

I am trying to apply a css stylesheet to my html page, as well as to obtain it as a string in javascript code (I want to show my stylesheets to users). I'm using css-loader and style-loader. Here's a snippet from webpack configuration file: …
manidos
  • 3,244
  • 4
  • 29
  • 65
0
votes
2 answers

Parse Error in css-loader sass-loader

I am migrating from webpack 1 to 3. After going through so many errors and now I am stuck on this. Can someone please HELP! I am getting these errors - ERROR in ./src/main/main.scss Module parse failed: Unexpected token (1:4) You may need an…
0
votes
1 answer

Extending Bootstrap Utility class in SCSS file

I am trying to use some of the utility classes from bootstrap in my scss file. example .pageTitle { @extend .p-3, border-bottom: 1px solid red} I am importing bootstrap like this @import '~bootstrap/scss/bootstrap-grid.scss'; When I try to extend…
Ohm
  • 143
  • 2
  • 7
0
votes
0 answers

dynamic component shows warning in console when making http requests react-router v4

For a dashboard component i've been working has been having some issues recently. I'm using react-router to handle url routes client-side, and recently I started loading in components asynchronously for each route. Whenever I make a http requests…
TechEmperor95
  • 389
  • 1
  • 4
  • 18
0
votes
1 answer

Webpack3 don't recompile vendor bundle if only application code is changed

Currently I am utilizing the CommonsChunkPlugin to separate my vendor bundle (/node_modules/), from my main application bundle. This works great. I was originally hoping this would mean that if a change is made to my application code, a…
Matthew Kirkley
  • 4,138
  • 5
  • 31
  • 33
0
votes
1 answer

html-webpack-template option bodyHtmlSnippet not working for me

I have the following definition in my webpack config: new HtmlWebpackPlugin({ inject: false, template: require('html-webpack-template'), links: [{ rel: 'stylesheet', href:…
JESii
  • 4,678
  • 2
  • 39
  • 44