VUE CLI是一个基于Vue.js进行快速开发的完整系统,它包含了构建、测试、部署等一系列开发工具和配置。而WEBPACK是一个现代JavaScript应用程序的静态模块打包工具。
从scss生成/public .css文件的过程可以通过以下步骤完成:
npm install -g @vue/cli
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `@import "@/styles.scss";`
}
}
}
}
这个配置将会将你的styles.scss文件引入到所有的Vue组件中。
npm run build
这个命令会将你的scss样式编译成CSS,并将生成的CSS文件放置在/public目录下。
总结: VUE CLI是一个用于快速开发Vue.js应用的工具,而WEBPACK是一个用于打包JavaScript模块的工具。通过配置vue.config.js文件,可以将scss样式文件引入到Vue项目中,并通过运行npm run build命令将scss样式编译成CSS文件并放置在/public目录下。这样可以方便地管理和使用scss样式,并且可以在项目中实现样式的模块化和复用。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云对象存储(COS)、腾讯云CDN加速等。你可以通过腾讯云官网了解更多关于这些产品的详细信息和使用介绍。
腾讯云官网链接地址:https://cloud.tencent.com/
领取专属 10元无门槛券
手把手带您无忧上云