VUE技术与项目

Vue.js学习No.5(WebPack配置三)

2019-05-07  本文已影响0人  仕明同学

npm介绍

html-webpack-plugin插件

  plugins:[
        //创建在内存中生成html页面的插件
        new  htmlplugin({
            //指定模板页面,根据指定的页面路径,去生成内存中的页面
         template:path.join(__dirname,"./src/index.html"),
         //指定生成的页面的名称
         filename:"index.html"

        })
    ]

如何加载自己项目中的css文件

方法一: 导入自己的css 有点延迟加载 css会发生二次请求,不推荐这么导入 <link rel="stylesheet" href="./css/index.css">
方法二:

webpack打包过程

less文件的导入

image.png

scss文件的导入

上一篇下一篇

猜你喜欢

热点阅读