javascript - 為什呢用webpack打包的代碼,使用node的fs模組就報錯?

來源:互聯網
上載者:User
var fs   = require("fs");var path = require('path');下面的path模組就沒問題,fs直接就報錯了,什麼情況?    > own@1.0.0 start C:\Users\gao\Desktop\github項目學習\backbone-resume-generator-master> node server.jsThu, 15 Sep 2016 13:01:33 GMT body-parser deprecated bodyParser: use individual json/urlencoded middlewares at server.js:16:9Thu, 15 Sep 2016 13:01:33 GMT body-parser deprecated undefined extended: provide extended option at node_modules\body-parser\index.js:105:29> Listening on port 3000. Open up http://localhost:3000/ in your browser.Hash: 95b9374fe25b22ba4922Version: webpack 1.13.2Time: 978ms    Asset     Size  Chunks             Chunk Namesbundle.js   439 kB    0, 1  [emitted]  mainvendor.js  3.52 kB       1  [emitted]  vendorchunk    {0} bundle.js (main) 423 kB {1} [rendered]    [0] ./public/js/app.js 1.55 kB {0} [built]    [1] ./~/backbone/backbone.js 72.2 kB {0} [built]    [2] ./~/underscore/underscore.js 52.9 kB {0} [built]    [3] ./~/jquery/dist/jquery.js 264 kB {0} [built]    [4] ./public/js/utils.js 1.02 kB {0} [built]    [5] ./public/js/views ^\.\/.*$ 289 bytes {0} [built]    [6] ./public/js/views/form.js 3.96 kB {0} [built]    [7] ./public/js/views/item.js 1.87 kB {0} [built]    [8] ./public/js/models/items.js 322 bytes {0} [built]    [9] ./public/js/views/list.js 2.24 kB {0} [built]   [10] ./public/js/models/main.js 1.63 kB {0} [built]   [11] ./~/backbone.localstorage/backbone.localStorage.js 7.45 kB {0} [built]   [12] ./public/js/views/resume.js 1.68 kB {0} [built]   [13] ./public/js/views/main.js 490 bytes {0} [built] [1 error]   [14] (webpack)/~/node-libs-browser/~/path-browserify/index.js 6.18 kB {0} [built]   [15] (webpack)/~/node-libs-browser/~/process/browser.js 5.3 kB {0} [built]chunk    {1} vendor.js (vendor) 0 bytes [rendered]ERROR in ./public/js/views/main.jsModule not found: Error: Cannot resolve module 'fs' in C:\Users\gao\Desktop\github項目學習\backbone-resume-generator-master\public\js\views @ ./public/js/views/main.js 1:11-24

webpack配置

var webpack = require('webpack');var path = require('path');module.exports = {    entry: './public/js/app.js',    output: {        path: path.join(__dirname, 'dist'),        filename: 'bundle.js',        publicPath: '/static/',        vendor: ['jquery', 'backbone', 'underscore']    },    plugins: [        new webpack.ProvidePlugin({            $: "jquery",            Backbone: "backbone",            _: "underscore"        }),        new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')    ]

回複內容:

var fs   = require("fs");var path = require('path');下面的path模組就沒問題,fs直接就報錯了,什麼情況?    > own@1.0.0 start C:\Users\gao\Desktop\github項目學習\backbone-resume-generator-master> node server.jsThu, 15 Sep 2016 13:01:33 GMT body-parser deprecated bodyParser: use individual json/urlencoded middlewares at server.js:16:9Thu, 15 Sep 2016 13:01:33 GMT body-parser deprecated undefined extended: provide extended option at node_modules\body-parser\index.js:105:29> Listening on port 3000. Open up http://localhost:3000/ in your browser.Hash: 95b9374fe25b22ba4922Version: webpack 1.13.2Time: 978ms    Asset     Size  Chunks             Chunk Namesbundle.js   439 kB    0, 1  [emitted]  mainvendor.js  3.52 kB       1  [emitted]  vendorchunk    {0} bundle.js (main) 423 kB {1} [rendered]    [0] ./public/js/app.js 1.55 kB {0} [built]    [1] ./~/backbone/backbone.js 72.2 kB {0} [built]    [2] ./~/underscore/underscore.js 52.9 kB {0} [built]    [3] ./~/jquery/dist/jquery.js 264 kB {0} [built]    [4] ./public/js/utils.js 1.02 kB {0} [built]    [5] ./public/js/views ^\.\/.*$ 289 bytes {0} [built]    [6] ./public/js/views/form.js 3.96 kB {0} [built]    [7] ./public/js/views/item.js 1.87 kB {0} [built]    [8] ./public/js/models/items.js 322 bytes {0} [built]    [9] ./public/js/views/list.js 2.24 kB {0} [built]   [10] ./public/js/models/main.js 1.63 kB {0} [built]   [11] ./~/backbone.localstorage/backbone.localStorage.js 7.45 kB {0} [built]   [12] ./public/js/views/resume.js 1.68 kB {0} [built]   [13] ./public/js/views/main.js 490 bytes {0} [built] [1 error]   [14] (webpack)/~/node-libs-browser/~/path-browserify/index.js 6.18 kB {0} [built]   [15] (webpack)/~/node-libs-browser/~/process/browser.js 5.3 kB {0} [built]chunk    {1} vendor.js (vendor) 0 bytes [rendered]ERROR in ./public/js/views/main.jsModule not found: Error: Cannot resolve module 'fs' in C:\Users\gao\Desktop\github項目學習\backbone-resume-generator-master\public\js\views @ ./public/js/views/main.js 1:11-24

webpack配置

var webpack = require('webpack');var path = require('path');module.exports = {    entry: './public/js/app.js',    output: {        path: path.join(__dirname, 'dist'),        filename: 'bundle.js',        publicPath: '/static/',        vendor: ['jquery', 'backbone', 'underscore']    },    plugins: [        new webpack.ProvidePlugin({            $: "jquery",            Backbone: "backbone",            _: "underscore"        }),        new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')    ]

你先告訴我:

為什麼前端項目要引用 fs 模組?

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.