Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js网页包|仅在开发模式下使用某些导入_Javascript_Css_Import_Webpack_Vue.js - Fatal编程技术网

Javascript Vue.js网页包|仅在开发模式下使用某些导入

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插件以在文件中使用环境变量。现在您可以检查环境并导入不同的文件。非常感谢。还有一件事要补

我正在使用Webpack构建vue.js应用程序-->

现在我只想在开发模式下导入一些css。我想在运行npm run start时导入脚本,但我想在使用npm run build进行构建时排除脚本


我可以在执行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');}