如何使用webpack导入min文件

Question

我想从webpack的文件夹中导入第三方min js和min css，但我无法使用webpack找到此文件夹。

我的结构

-node_modules 
-src 
-lib 
    -min.js 
    -css 
    -min.css 

但我不能认识到这一点lib文件夹。我想在我的webpack.config.js

resolve: { 
    alias: { 
     'vue$': 'vue/dist/vue.esm.js', 
     'lib': './lib/' 
    } 
    }, 

我试图resolve.modules别名：

resolve: { 
    modules: [path.resolve(__dirname, "lib")], 
    alias: { 
     'vue$': 'vue/dist/vue.esm.js', 
    } 
    }, 

但没有正常工作。我究竟做错了什么？

Answer 1

你只需要引用您的*.js文件已在束的一个这些文件。

假设以下结构：

-node_modules 

-src 
    -app.js 

-lib 
    -min.js 
    -css 
    -min.css 

和你的项目的切入点是./src/app.js，添加这些两行代码有：

app.js：

import { min } from '../lib/min.js' 
 
import '../lib/css/min.css'

就是这样！ Webpack将负责处理这些库和样式表。 如果您需要了解更多关于所需webpack装载机以及如何提取样式文件，请参阅我以前的答案here。