Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including vue-template-merge-load with all npm packages installed. Try it out:

var vueTemplateMergeLoad = require("vue-template-merge-load")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

vue-template-merge-load v1.0.9

Vue template load for webpack , Share a model object

Vue-template-merge-load

vue template static insert the HTML file . template combination .

Installing

    npm install vue-template-merge-load --save-dev

Example

carousel.vue ( Share a model object )

    <!-- only static path -->
    <div require="@/demo1.html"></div>
    <div require="@/demo2.html"></div>
    <div require="src/views/demo3.html"></div>

webpack.base.conf.js ( After add to vue-loader )

    { test: /\.vue$/,loader: 'vue-loader'..} ,
    {
        test: /carousel\.vue$/, // RegExp or Function
        loader: 'vue-template-merge-load',
        options:{ // Optional
            attr: 'require', // default
            alias: {
                '@': resolve('src/views')
                }
        }
    }

It might be used

function resolve(dir) { return path.join(__dirname, '..', dir) }

License

MIT

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free