Skip to content
GitLab
Projects Groups Topics Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Angular Template Angular Template
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributor statistics
    • Graph
    • Compare revisions
  • Issues 1
    • Issues 1
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • IzeniIzeni
  • Angular TemplateAngular Template
  • Wiki
  • webpack

webpack · Changes

Page history
complete basic webpack writeup authored Sep 14, 2016 by Mikkel Davis's avatar Mikkel Davis
Hide whitespace changes
Inline Side-by-side
webpack.md
View page @ 17b5cf32
......@@ -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
......
Clone repository
  • angular
  • cookbook forms
  • cookbook routing
  • data store
  • gotchas
  • Home
  • modals
  • sass with bem
  • toolbox
  • typescript
  • webpack