Nightmare Prom Memories

    vue-hot-reload-loader

    0.2.0 • Public • Published

    vue-hot-reload-loader

    Enable hot module replacement (HMR) on your Vue components.

    This loader is for Vue components written in .js (or other non single file components format) file. If you are using .vue file, you don't need this loader because they already have HMR feature.

    Installation

    # NPM 
    $ npm install --save-dev vue-hot-reload-loader
     
    # Yarn 
    $ yarn add --dev vue-hot-reload-loader

    Usage

    You need to update your webpack config to let webpack awere vue-hot-reload-loader. Note that you should carefuly set webpack's rule condition so that vue-hot-reload-loader is only used for actual component files. See a discussion.

    module.exports = {
      module: {
        rules: [
          {
            test: /\.js/,
            use: ['vue-hot-reload-loader', 'buble-loader'],
            // If and only if all your components are in `path/to/components` directory
            include: path.resolve(__dirname, 'path/to/components')
          }
        ]
      }
    }

    And you have to export each component as default export.

    export default {
      data () {
        return {
          message: 'hi'
        }
      }
    }

    License

    MIT

    Install

    npm i vue-hot-reload-loader

    DownloadsWeekly Downloads

    151

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    6.54 kB

    Total Files

    5

    Last publish

    Collaborators

    • ktsn