Javascript Vue.js网页包|仅在开发模式下使用某些导入
我正在使用Webpack构建vue.js应用程序--> 现在我只想在开发模式下导入一些css。我想在运行npm run start时导入脚本,但我想在使用npm run build进行构建时排除脚本Javascript Vue.js网页包|仅在开发模式下使用某些导入,javascript,css,import,webpack,vue.js,Javascript,Css,Import,Webpack,Vue.js,我正在使用Webpack构建vue.js应用程序--> 现在我只想在开发模式下导入一些css。我想在运行npm run start时导入脚本,但我想在使用npm run build进行构建时排除脚本 我可以在执行npm运行构建之前删除所有css导入,但是有更好的解决方案吗 使用process.env.NODE\u env并创建两个不同的网页包配置。一个用于开发,一个用于生产。并添加webpack define插件以在文件中使用环境变量。现在您可以检查环境并导入不同的文件。非常感谢。还有一件事要补
我可以在执行npm运行构建之前删除所有css导入,但是有更好的解决方案吗 使用
process.env.NODE\u env
并创建两个不同的网页包配置。一个用于开发,一个用于生产。并添加webpack define插件以在文件中使用环境变量。现在您可以检查环境并导入不同的文件。非常感谢。还有一件事要补充:若要进行条件导入(使用JS if语句并检查env变量),则不能使用import语句。我用过。如果(process.env[“NODE_env”]=“development”){let myCss=require('./assets/font/fonts.css');}使用process.env.NODE_env
并创建两个不同的网页包配置。一个用于开发,一个用于生产。并添加webpack define插件以在文件中使用环境变量。现在您可以检查环境并导入不同的文件。非常感谢。还有一件事要补充:若要进行条件导入(使用JS if语句并检查env变量),则不能使用import语句。我用过。if(process.env[“NODE_env”]=“development”){let myCss=require('./assets/fonts/fonts.css');}