Skip to content

At early stages of the demo, the processing fails on an `@import url()` statement.

Notifications You must be signed in to change notification settings

rosensama/survive_js_webpack_repro

Repository files navigation

survive_js_webpack_repro

When adding semantic-ui, you can choose all defaults. Then you must:

$ cd semantic
$ gulp build

The code as provided will produce the following error

 ./node_modules/.bin/webpack
keywords if/then/else require v5 option
Hash: e19331e62c693579f5d0
Version: webpack 2.2.0-rc.2
Time: 84ms
 Asset     Size  Chunks             Chunk Names
app.js  3.26 kB       0  [emitted]  app
   [0] ./app/component.js 135 bytes {0} [built]
   [1] ./semantic/dist/semantic.css 370 bytes {0} [built] [failed] [1 error]
   [2] ./app/index.js 139 bytes {0} [built]

ERROR in ./semantic/dist/semantic.css
Module parse failed: /home/rosensama/projects/survive_js_webpack_repro/semantic/dist/semantic.css Unexpected character '@' (11:0)
You may need an appropriate loader to handle this file type.
|  *
|  */
| @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
| /*!
|  * # Semantic UI 2.2.7 - Reset
 @ ./app/index.js 3:15-55

If you modify `semantic/src/site/globals/site.variables to add the following and build again, you will get a different error.

@importGoogleFonts:  false;
ERROR in ./semantic/dist/semantic.css
Module parse failed: /home/rosensama/projects/survive_js_webpack_repro/semantic/dist/semantic.css Unexpected token (27:0)
You may need an appropriate loader to handle this file type.
| /* Border-Box */
|
| *,
| *:before,
| *:after {
 @ ./app/index.js 3:15-55

Both problems go away if you complete section 12.2, removing the CSS require from your code and splitting out PATHS.style.

About

At early stages of the demo, the processing fails on an `@import url()` statement.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published