weexjs-loader
v1.1.0
Published
A wrapper loader of weex-loader for .js file
Downloads
6
Readme
Weex js Loader
A wrapper loader of weex-loader for .js file
Install
requires weex-loader installed
npm i weexjs-loader
When do I need it?
If you want to use weex-loader but do not want to make .vue or .we file and want to separate html,css,js files.
Usage
Use the loader either via your webpack config or inline.
Via webpack config
webpack.config.js
const path = require('path')
module.exports = {
module: {
rules: [
{
test: /\.js$/,
include: path.resolve(__dirname, 'YOUR APP PATH'),
loader: 'weexjs-loader'
},
],
}
}
In your application
import component from './app.js'
Inline
In your application
import component from 'weexjs-loader!./app.js'
How it works
DIR
app/
- app.js
- app.html
- app.css
assets/
- ...
app.js
export default {
name: 'app',
templateSrc: './app.html',
styleSrc: './app.css',
}
import component from 'weexjs-loader!./app.js'
imported component object equals below
app.we
<script>
export default {
name: 'app',
templateSrc: './app.html',
styleSrc: './app.css',
}
</script>
<template src="./app.html"></template>
<style scoped src="./app.css"></template>
import component from 'weex-loader!./app.we'
License
The MIT License (MIT)
Copyright (c) 2017 Elevista