Banno / Polymer Webpack Loader
Licence: mit
WebPack Loader for Polymer Web Components
Stars: ✭ 192
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Polymer Webpack Loader
Webpack Tools
☕️Just a simple webpack sample project.
Stars: ✭ 106 (-44.79%)
Mutual labels: webpack, webpack-loader
Svg Sprite Loader
Webpack loader for creating SVG sprites.
Stars: ✭ 1,822 (+848.96%)
Mutual labels: webpack, webpack-loader
Create Lit App
Create LitHTML apps with no build configuration. (LitHTML/Redux/Webpack/Express)
Stars: ✭ 108 (-43.75%)
Mutual labels: webpack, polymer
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-51.04%)
Mutual labels: webpack, webpack-loader
Graphql Import Loader
Webpack loader for `graphql-import`
Stars: ✭ 84 (-56.25%)
Mutual labels: webpack, webpack-loader
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+967.19%)
Mutual labels: webpack, webpack-loader
Webpack Conditional Loader
C conditionals directive for JavaScript
Stars: ✭ 93 (-51.56%)
Mutual labels: webpack, webpack-loader
Css Modules Typescript Loader
Webpack loader to create TypeScript declarations for CSS Modules
Stars: ✭ 172 (-10.42%)
Mutual labels: webpack, webpack-loader
Css Modules Flow Types
Creates flow type definitions from CSS Modules files using Webpack loader or CLI 👾
Stars: ✭ 92 (-52.08%)
Mutual labels: webpack, webpack-loader
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✭ 105 (-45.31%)
Mutual labels: webpack, webpack-loader
Ignore Loader
Webpack loader to ignore certain package on build.
Stars: ✭ 85 (-55.73%)
Mutual labels: webpack, webpack-loader
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✭ 112 (-41.67%)
Mutual labels: webpack, webpack-loader
Vue Md Loader
✨ Markdown files to ALIVE Vue components.
Stars: ✭ 78 (-59.37%)
Mutual labels: webpack, webpack-loader
Lit Loader
LitElement Single File Component loader for Webpack.
Stars: ✭ 84 (-56.25%)
Mutual labels: webpack, polymer
Bs Loader
📻 Bucklescript loader for Webpack and Jest
Stars: ✭ 146 (-23.96%)
Mutual labels: webpack, webpack-loader
Workerize Loader
🏗️ Automatically move a module into a Web Worker (Webpack loader)
Stars: ✭ 2,135 (+1011.98%)
Mutual labels: webpack, webpack-loader
polymer-webpack-loader
The loader processes Polymer 3 template elements to minify the html and add images, fonts and imported stylesheets to the webpack dependency graph.
Looking for the Polymer 2 version? See the Polymer 2 branch
Configuring the Loader
{
test: /\.js$/,
options: {
htmlLoader: Object (optional)
},
loader: 'polymer-webpack-loader'
},
Options
htmlLoader: Object
Options to pass to the html-loader. See html-loader.
Use with Babel (or other JS transpilers)
If you'd like to transpile the contents of your element you can chain an additional loader.
module: {
loaders: [
{
test: /\.html$/,
use: [
// Chained loaders are applied last to first
{ loader: 'babel-loader' },
{ loader: 'polymer-webpack-loader' }
]
}
]
}
// alternative syntax
module: {
loaders: [
{
test: /\.html$/,
// Chained loaders are applied right to left
loader: 'babel-loader!polymer-webpack-loader'
}
]
}
Boostrapping Your Application
The webcomponent polyfills must be added in a specific order. If you do not delay loading the main bundle with your components, you will see the following exceptions in the browser console:
Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
Reference the demo html file for the proper loading sequence.
Maintainers
Bryan Coulter | Chad Killingsworth | Rob Dodson |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].