... | ... | @@ -25,7 +25,7 @@ We are choosing to use [webpack](http://webpack.github.io/docs/) as our developm |
|
|
- loaders are used to convert file contents from one format into another, and/or to inject those contents into certain parts of a javascript bundle or html file, or anything else the given loader is configured to do
|
|
|
- webpack assumes there is a `'-loader'` on the end of a loader name, so `loader: 'html'` and `loader: 'html-loader'` are interchangeable
|
|
|
- _test_: regex for specifying which loaders you want to use for given file name/path matches
|
|
|
- files are fed through the specified loader(s) from right to left. e.g. *.css and *.scss files go through the sass-loader, then the postcss-loader (for autoprefixing and minification), then the raw-loader to make a string for use in ng2 components
|
|
|
- files are fed through the specified loader(s) from right to left. e.g. *.css and *.scss files go through the sass-loader, then the postcss-loader (for autoprefixing and minification), then the raw-loader (to make a string for use in ng2 components); you can use an array to list them out, or a string, using `!` for separation. e.g. `raw!style!css!sass`
|
|
|
- angular2-template-loader allows for simply giving a relative path for ng2 component html template files and css files rather than having to require() them first. It adds the require()s for you
|
|
|
* **postcss** & **autoprefixer**: you can specify a variety of autoprefixer settings here (see https://github.com/ai/browserslist#queries)
|
|
|
* **tslint**: options for tslint preLoader (see https://github.com/wbuchwalter/tslint-loader); looks at the [tslint.json file](https://dev.izeni.net/izeni/izeni-angular-template/blob/ng2/tslint.json) by default
|
... | ... | |