美文网首页
Web前端工程化(十一) - .vue文件的loader加载器

Web前端工程化(十一) - .vue文件的loader加载器

作者: 会飞的笨企鹅 | 来源:发表于2021-02-19 11:18 被阅读0次

    准备学习Web前端工程化的内容,做个记录,以后需要的时候方便查找:

    webpack只能打包处理.js相关的文件,其他资源可以使用插件的方式来曲线救国。

    1 安装vue组件的加载器,命令如下:

        npm install vue-loader vue-template-compiler -D

    2 配置规则:更改webpack.config.js的module中的rules数组

    const VueLoaderPlugin = require("vue-loader/lib/plugin");

    const vuePlugin = new VueLoaderPlugin();

    module.exports = {

            plugins:[ htmlPlugin, vuePlugin  ],

            module : {

                rules:[

                        .......                

                        { 

                            test:/\.vue$/,

                            loader:"vue-loader",

                        }

                ]

            }

    }  

    相关文章

      网友评论

          本文标题:Web前端工程化(十一) - .vue文件的loader加载器

          本文链接:https://www.haomeiwen.com/subject/dwwbtltx.html