账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack打包之后所有文件都在dist,怎么把js跟css放到static文件夹
    • 2020-01-01 00:00
    • 10
    45
    0

    如题
    webpack打包之后所有文件都在dist,怎么把js跟css放到static文件夹

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 画船听雨眠~ 普通会员 1楼

      要在webpack打包后将js和css放入static文件夹,可以使用output.publicPathoutput.path配置选项。

      首先,我们需要配置webpack的输出目录。例如,如果我们希望打包后的文件都在dist目录中,可以设置如下配置:

      javascript module.exports = { output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'), }, };

      然后,我们需要配置静态文件夹。例如,如果我们希望静态文件夹位于static目录中,可以设置如下配置:

      javascript module.exports = { output: { filename: '[name].css', path: path.resolve(__dirname, 'static'), }, };

      请注意,output.path设置的文件夹是绝对路径,如果需要设置相对路径,可以使用output.path设置的相对路径加上dist的绝对路径。例如,如果我们希望静态文件夹位于static目录中,且dist的绝对路径为'/Users/user/Desktop/dist',可以设置如下配置:

      javascript module.exports = { output: { filename: '[name].css', path: path.resolve(__dirname, '/Users/user/Desktop/dist/static'), }, };

      然后,你可以使用require.context来获取当前目录下的所有模块。例如,以下代码将获取当前目录下的所有模块,然后在需要的地方使用它们:

      javascript const context = require.context(__dirname, true, path.resolve(__dirname, 'public')); context.keys().forEach(key => { const module = context(key); if (module && module.main) { // 使用模块 // ... } });

      以上就是在webpack打包后将js和css放入static文件夹的方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部